查资料时总是会打开很多网页,我想写个浏览器插件解决它

查资料时总是会打开很多网页,我想写个浏览器插件解决它


我想大家都有这个困扰,就是查资料时一口气打开几十个网页

  • 看着密密麻麻的标签页感觉无所适从
  • 标签太多,看不到名字,不知道该切换到哪个
  • 标签太多,我就想要暂时显示常用的几个网页,这样看着清爽很多,
  • 关闭和恢复操作都太麻烦,我想要其他的次要标签可以暂时隐藏,需要时可以一键还原
  • 觉得每个标签都很重要,都不想关闭,要是可以一键隐藏和一键还原就好了
  • 每次操作,我的心里感觉上是对标签有个分组的,但是手动分组太麻烦了,我想要可以快速的对标签进行分组的方法
  • 标签的排序操作也麻烦,等排序好了,也就到时间该关掉网页了,还是想要快速的操作

然后我经历了一些灵感的冲击

  • 我一开始就想到了 vim 的按键,就是在网页里注入按键规则,这样就可以一键操作了

  • 接着我想到了 command + shift,就是电脑切换应用的快捷键,这时会有一个视觉提示的窗口,就是提示你现在的位置。那么我假设现在的快捷键是空格,我按下空格,就会显示一个 html 弹窗,显示当前浏览器所有窗口,所有网页标签,就像表格一样显示出来,这样也能看清楚每个网页的标题,也能知道自己的位置,和自己要去的位置

  • 然后我想到了 buffer,我可以把 html 弹窗里的每行的网页名字当作网页本身,我可以使用 vim 快捷键,进行剪切复制,粘贴,编辑完成后,自动根据顺序重新移动网页的位置,那么我就能实现对网页的快速排序和分组

  • 最后我想到了 ranger,就是那个文件管理器,我可以把浏览器窗口放到左栏,标签的分组放到中栏,网页标签放到右栏,这样就可以视觉化的进行快速操作,而且快捷键也是非常熟悉的味道


这里是示意图

  • 被网页标签支配的恐惧

    标签很多

  • 标签列表的视觉化

  • ranger 的视觉化界面


最后就是开发了,我现有的知识应该是完全够用的,现在就可以上手开发。开发时间我估计也就几天吧,毕竟都有现成的案例。功能上没什么,主要我做的 UI 根本就没眼看,我要是自己写的话,会更多的请求 chatgpt 的帮忙吧。

我本来是想要直接上手写代码了,但是想起论坛了还有这么多的大神,如果能享受大家高质量的代码,我也会少些很多 bug

当然,我希望是尽快的用上这个插件的,所以大家有人想开发的话,最好现在就开一个 github 项目,我相信这会帮助到很多人的。如果没人参与的话,我也会写自己的版本,害!就是多写几个 bug 的事,没什么的 :)

大家有想法的话,可以参与讨论了,happy hacking


友链:

我记得 vim 就有一个插件是用一个 buffer 编辑几个单词,就可以移动和创建文件和文件夹

如果大家对此不感兴趣,那么也推荐一个我现在在用的开源标签管理工具:better-one-tab,虽然没有我设想的效果,但是也能解决很多问题

2 个赞

我想 ranger 这个思路好像是可以管理一切的,比如管理浏览器收藏夹。

如果这个插件实现,可以建立几个特殊的文件夹,它们存储着已经关闭的标签页,就像收藏夹一样,可以隔很久以后需要时一键恢复。但是这些标签集合是带有顺序的,那么也可以把它当作 workspce,保存和恢复工作布局

刚刚发现,其实就是个 ibuffer

可以参考 我的办法 , 不过我遇到的主要问题是开标签太多了以后内存不够用 , 通过清空js完美解决 , 标签太多找不到又连搜索都不想用时, 我的办法是把icon改了, 改成个比较有特色的, 一眼就能找着, 如果还是找不着, 就只能把搜索在优化一下, 即在网页的标题里加点特别字符进去

1 个赞

如果不是在emacs下的话,可以试试shortcat或surfingkeys

用firefox的话,可以考虑tree style tab + simple tab groups,我日常用,用着不错。 用vivaldi的话,它本身有个workspace(忘了是不是叫这个名了)功能,支持分组(而且只显示当前分组) 其他浏览器就不清楚了。

要不试试 Nyxt :grinning:

我推荐 Firefox + Sidebery (之前用了很久的 tree style tabs ,但是感觉不如 sidebary 好用,就跳过来了)。

Sidebery 支持多个 session, group, 颜色等好几个级别的控制,然后本身就是树级设计也很友好。

下面是我的浏览器,不过我改成了适应我的布局,平时几乎不切换 session(比如 work,购物),我主要用颜色, pin 和 group 来控制我的浏览会话。

(顺便案例一下 Arc 的这种布局,现在这种宽屏幕市场下,把网页放到右侧,浏览器内容,我感觉浏览起来是要省力一些的,因为扭头还是挺累的 :grin:,可以参考这个 https://github.com/betterbrowser/arcfox)

Sidebery 还支持浏览的 snapshot,对于我这种健忘选手帮助也很大。

现在 Sidebery 和 Firefox 支持 userChrome 几乎就是我用它的理由。

1 个赞

我去用了一下,这个树形设计确实不错,我要是没实现理想的方案,就去用这个

edge+侧栏标签页+自动分组插件:

谢谢,这个插件很棒

但还是需要自己做些修改工作,我用 vimium 打开的标签全归类到一个组里了,就跟没有分组一样(难崩!)

因为默认是按same opening tab分组的,在某标签页里打开的链接会被归到同一个分组里。

如果你想按域名分组需要进设置修改Group By Optionsame domain

请问 sidebery 比 tree style tabs 好用的地方在哪里呀,我其实也和楼主有类似的“烦恼”,周末就把浏览器从 chrome 切换到了 firefox,就为了用这种树状的标签页 :slight_smile:

  1. 好看,这个因人而异,但是我感觉 Sidebery 更对我的审美。
  2. TST 主插件的功能不够多,然后有好多小的 TST 拓展来拓展功能。Sidebery 就这么一个插件,更好安装一些。
  3. Sidebery 提供了标签搜索功能(不过这个好像是 5.0 引入的)
  4. Sidebery 提供了标签快照功能(不知道 TST 现在有没有)
  5. TST 在我切过来之前总是出现拖拽的问题和有时候重启浏览器后层级混乱的问题(应该是前年)
1 个赞

感谢回复,后面我也尝试一下

哈哈,被标签支配的恐惧

我个人来说,标签一多之后就不用左右切换标签,直接使用vimium自带的标签搜索功能

比如有个stack overflow标签,直接搜索sta回车就可以跳转了,这样不用看清标签名也能跳转,感觉对我来说是够用了

Edge 的垂直侧边栏是不是就够用了?

那个搜索我我也试过,就是感觉很别扭

等等吧,现在 UI 已经被我建好了,今晚估计能写好基础功能

arc应该是你想要的

我可能只是找个理由折腾吧,当然有帮助就更好了