首页 > web前端 > js教程 > 名为'为开发人员打开新标签”的浏览器扩展

名为'为开发人员打开新标签”的浏览器扩展

WBOY
发布: 2024-09-06 13:00:25
原创
1031 人浏览过

A browser extension called

作为一名开发人员,我经常浏览 Medium.com 和 Hacker News 等网站,但这些网站上的链接在同一个选项卡中打开。读完一篇文章后,我必须导航回主站点,这对用户体验产生了负面影响。在新选项卡中打开链接会更好。

因此,我创建了一个名为“打开新选项卡”的浏览器插件。

为什么我必须编写一个新插件?因为我搜索并使用了一些现有的插件,但它们大多实现了通用逻辑。这个一般逻辑很简单,并且确实适用于大多数网站。然而,这还不够;仅仅编写一般逻辑对于某些特定网站来说是行不通的。此类插件的功能与广告拦截插件非常相似,需要处理特定网站的特定 DOM 结构。

以 Medium 为例。它的标签的href属性并不是一个完整的URL而是一个奇怪的路径字符串。完整的 URL 实际上位于祖先元素的 data-href 属性中。因此对于这个网站,更好的方法是获取完整的 URL,然后在新选项卡中打开它。

因此,这个插件的特点是,在满足Google等所有常规网站在新标签页中打开链接的需求的同时,还为开发者经常访问的网站(例如Medium、Hacker News)提供了特殊处理。

因此,这个插件更合适的名称实际上是:“为开发人员打开新选项卡。”

导师:https://www.bilibili.com/video/BV1hrpMe4E6x/
GitHub:https://github.com/cunzaizhuyi/open-new-tab-extension

以上是名为'为开发人员打开新标签”的浏览器扩展的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板