夜雨聆风写在前面
阅读本文大约需要 3-5 分钟。
起因是我每天在工作或者学习的时候总是会不自觉地打开一大堆的浏览器标签页，然后有时候需要在这些标签页之间切换，此时看着浏览器标签栏那一大排的图标就有点脑阔疼。
于是我就打算弄一个浏览器插件来对我打开的这些标签进行快速的管理。
如果你现在时间不多，可以先拉到文末看「写在最后」。那里会有一张图形化总结，我会把本文的核心观点、关键流程和主要判断压缩进去，方便你先快速了解这篇文章到底在讲什么。
让人看了头大的标签页
你是否遇到过这样的场景：早上到公司先打开每日必看的几个网站搭配着手里的包子进行一天工作前的热身运动。
热身完毕之后，开始打开工作中经常使用到的站点，什么OA啊，后台管理网站啊，任务分配网站啊，内部文档维护网站啊，监控网站啊。然后遇到问题再去网上搜索一下，打开各大AI Chat网站啊。不知不觉间，你的浏览器标签栏就变成了类似这个样子。
假设，你正在写一篇文档的时候，突然想要返回去看刚才你浏览过的那个页面参考一下。但是你的浏览器标签栏已经挤得只能展示一个一个的页面图标了。你根本就分不清楚哪个是刚刚浏览的那个，你只能一个一个点过去查看。
等你找到了想要的页面，切换过去查看之后，你又忘了刚才正在编辑的页面在第几个标签了。因为同一个网站下的页面图标都长得一样。所以你只能再一个一个点过去。
浏览器自带的标签页管理工具
这个场景我差不多每天都要经历一到两次，实在受不了了。
因为我平时使用得比较多的是Chrome浏览器，所以我就去看看Chrome浏览器是不是有自带的类似标签页的管理方式。还真有，在Chrome中，我们只需要使用快捷键Ctrl+Shift+A(Mac 是 Cmd+Shift+A)就能打开标签搜索框，进行模糊搜索。类似这样
看起来也能用，搜索、按最近用过的顺序排，这些基础它其实都有。可是用下来我发现，它缺了几样我每天最需要的功能：它不能把一堆标签按网站分组，我没法一眼看清哪些标签是同一个站点的；它也没法帮我把一批不看的标签一次性关掉，每次还得一个个手动清；更要紧的是，它不能锁定某个页面——像我那个当默认页的书签启动器，清标签的时候一不小心就会被我连着别的标签一起关掉。再加上它的 UI 也不太合我的眼缘。
所以，我决定自己弄一个简单的浏览器插件，把它没有、而我又天天要用的那几样补上。
那就自己实现一个标签页管理插件
按照平时的工作习惯，我们大概率会打开一个网站下的多个页面。比如我每天早上需要打开非常多的日志监控页面看线上服务的日志情况，又需要打开非常多的后台管理页面进行后台数据的编辑和查看。所以，这个插件最好要有一个分组功能，这样我就能够清晰地看出来，哪些标签是属于哪个网站的。
和Chrome浏览器自带的标签管理工具一样，我自己实现的这个插件也需要能够快速地对标签页进行搜索，能够一眼看出来标签页的访问时间，能够按照访问时间来排序。
然后每次处理完一个任务，我总是会习惯性地整理一下这些浏览器标签，把不需要的关掉。为了让我这个整理过程变得更加轻松，这个插件应该还要有批量清除没用标签的功能。
前段时间我弄了一个书签启动器（就是这篇文章浏览器收藏夹太乱，我给自己做了个书签启动器提到的那个），现在我是把它作为我浏览器的默认打开页面。所以，在清理标签页的时候，我希望这个页面总是能够被保留，方便我后续使用。那么，这个插件就应该还有一个锁定的功能。
综上，我的这个插件应该就要有这些功能
分组
快速搜索
批量关闭标签
锁定标签
按时间排序和展示
那么，开始吧。
「一回」牌标签管理插件出场
插件的主页面其实就是我们所有已经打开的网页的列表。然后可以切换分组展示还是默认按时间展示
说说我每天怎么用它。还是开头那个场景：文档写到一半，想翻回去看刚才那个参考页面。以前我得在一排长得差不多的图标里一个个找，现在我直接按 Shift+Cmd+K，刚才那个标签就在列表最顶上——因为它就是我上一个看的那个，回车就跳过去了。看完再按一下，又能跳回正在写的文档，整个过程手都不用离开键盘。
到了一个任务收尾、想清场的时候，我会点一下批量关闭，把那些放了很久没看的标签一次清掉。而我那个书签启动器，因为提前锁上了，每次都不会被误伤。
那么这个插件要怎么触发呢？为了方便平时的使用，我添加了几个入口，一个是直接从浏览器的插件列表点击，一个是点击页面上的一个悬浮小图标，还有一个是使用快捷键Shift+Ctrl+K(Mac 是 Shift+Cmd+K)
当然，应该还要有一个配置页面
写在最后
说实话，这个插件功能不多，就是分组、搜索、批量关、锁定、按时间排，没什么高级的东西。可是它解决的就是我每天会脑阔疼一两次的那点麻烦——找不到刚才那个标签、关标签又怕误关掉本不想关的一些页面。Chrome 自带的搜索其实也能用，只是不顺手，那我就照自己的习惯改一个。现在我打算先用着，看它能不能真的留在我的日常里。
如果你也对这个插件感兴趣，可以关注我，后台回复【浏览器插件】来体验一下这个标签页管理工具。
