Chrome浏览器Tab开太多了,怎么办

简介: # 背景 在日常工作中,我想大家应该都有一个烦扰,Chrome浏览器的Tab开得太多了,找到需要使用的Tab太难了,过多的Tab也会导致系统性能下降。为此,我上chrome应用商店寻找可以解决这个问题的拓展程序,尝试了很多拓展程序,没有找到一个满意的拓展程序。 为什么不自己动手做一个自己想要的拓展程序呢,于是我就开始了chrome拓展程序开发之旅。首先,我将介绍我开发的拓展程序SortYo

背景

在日常工作中,我想大家应该都有一个烦扰,Chrome浏览器的Tab开得太多了,找到需要使用的Tab太难了,过多的Tab也会导致系统性能下降。为此,我上chrome应用商店寻找可以解决这个问题的拓展程序,尝试了很多拓展程序,没有找到一个满意的拓展程序。

为什么不自己动手做一个自己想要的拓展程序呢,于是我就开始了chrome拓展程序开发之旅。首先,我将介绍我开发的拓展程序SortYourTabs,然后,简单介绍下如何开发一个拓展程序。

SortYourTabs已经发布到chrome应用商店,欢迎安装使用。SortYourTabs项目的代码已经上传到GitHub,欢迎下载或贡献

SortYourTabs

简介

SortYourTabs拓展程序的作用正如名称所述,它可以帮助您记录访问Tab的时间,并可以按照最近最少使用算法(LRU)对您的Tabs进行排序,您就可以快速找到您最近使用的Tab,您也可以快速找到最近都没有使用的Tab,然后及时把不需要的Tab关闭,避免Tab累积得越来越多,影响系统性能。

在使用该拓展程序时,如果有一些经常使用且不能关闭的Tab,您可以将该Tab固定,固定的Tab将不会被重新排序。

使用介绍

  1. 安装后第一次使用时,请使用快捷键Ctrl(Win)/Command(Mac)+Shift+1进行初始化,拓展程序将开始记录您访问Tab的时间。下次如果想重新初始化记住当前Tab排序时,同样可以执行该命令;
  2. 使用快捷键Ctrl(Win)/Command(Mac)+Shift+Right将Tab按照LRU从左到右排序,最右边的Tab为最近使用的,最左边的除固定Tab是最近最少使用的;
  3. 执行2中快捷键对Tab排序后,如果想恢复最初的排序,则使用快捷键Ctrl(Win)/Command(Mac)+Shift+0。

如何开发一个拓展程序

文件结构

拓展程序的开发需要使用前端技术体系,如JavaScript、CSS、HTML。你可以选择任何一个你喜欢的文本编辑器进行开发,我使用的是vscode。首先,我们需要创建一个文件夹,文件夹名称为你的拓展程序的名称。然后,在该文件夹中创建一个必要的文件manifest.json,可以参考SortYourTabs。manifest.json文件中permissions表示需要申请的权限,commands表示定义的快捷键,scripts表示拓展程序的脚本,这里也是主要的逻辑代码。
scripts中指定了运行的js脚本,主要的业务逻辑就在这个js脚本里面,因此接下来就是在这里开发你的业务逻辑。接下来你将需要了解chrome提供给开发者的API有哪些。

API

chrome开发者社区为我们提供了非常详细的资料,同时也详细介绍了如何开发一个拓展程序,如果有什么疑问,这里无疑是最好的资料。如果你不知道需要使用什么API,你可以通过搜索关键字查询。

image.png

Debug

使用chrome浏览器[点击打开拓展程序安装页面](),打开页面右上角开发者模式,然后从页面左上角选择加载已解压的拓展程序,选择你的开发文件夹,拓展程序就安装好了。找到你安装的拓展程序,点击背景页(如下图所示),这时就出来了一个console,拓展程序的所有输出和debug都在这里。如果需要在代码中加入断点,可以在代码中需要断点的位置加上一行代码“debugger”。

image.png

发布

使用chrome浏览器点击打开开发者中心页面,首先你需要注册成为chrome应用开发者,并且需要支付5美元的费用。很多人可能并没有visa信用卡,这该怎么办呢,我找到了一个神奇的网站:全球付,在全球付网站上面注册一张MasterCard,最低充值金额是50美元,可以使用国内银行卡进行快捷支付。

image.png

image.png

接下来你就可以开始上传你的拓展程序了,你需要将你的文件夹打包成zip格式的压缩文件,并填写拓展程序的信息。根据你拓展程序使用的权限会花费不一样的时间,如果你的拓展程序不需要申请使用比较敏感的权限,提交审核后几个小时就通过了。这个时候你上应用商店还并不能搜索到你的拓展程序,你可以点击你的拓展程序进入到拓展程序的安装页面。

image.png

image.png

相关文章
|
2月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
472 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
17天前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
|
18天前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
|
25天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
149 9
|
1月前
|
Web App开发 开发者
|
1月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
|
1月前
|
算法 安全 前端开发
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
83 0
|
1月前
|
Web App开发 缓存 安全
Chrome浏览器启动参数大全
这是一组用于定制浏览器行为的命令行参数,包括但不限于:不停用过期插件、放行非安全内容、允许应用中心脚本、停用GPU加速视频、禁用桌面通知、禁用拓展及各类API、调整缓存设置、启用打印预览、隐身模式启动、设定语言、使用代理服务器、无头模式运行等。通过这些参数,用户可以根据需求灵活调整浏览器功能与性能。
|
2月前
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
|
3月前
|
Web App开发
Chrome——谷歌浏览器chrome如何模拟其他客户端
Chrome——谷歌浏览器chrome如何模拟其他客户端
105 1
Chrome——谷歌浏览器chrome如何模拟其他客户端