【开源】我做了一个浏览器仪表盘

前几天逛 v2ex 的时候发现了这么一个项目，Pintree，这个项目可以将收藏的网站变成一个导航。

原理是安装它的浏览器扩展，导出json文件，自己本地部署一套它的导航站源代码，替换 json 文件就可以实现一个上图网站。

我觉得是一个不错的创意，但我立刻有了另一个想法，那就是做一个扩展起始页用来管理我的收藏夹。

但是我并不满足于此，因为我真的有很多浏览器原本没有满足的需求；

比如说我经常手欠随手关掉还能用到的网站，然后再想打开的时候去历史里找很麻烦；

再有就是打开太多 Tab 了每一个都被挤得很小，切换起来很不方便。

于是我准备基于以上需求做一个新起始页；

其实这并不是我第一次做起始页了，我的上一款起始页作品抓鱼鸭，一款专注摸鱼的起始页，这属于我的第二款起始页产品，这次我准备从浏览器使用中的真实痛点出发，去做一款真正解决问题的独立产品。

这款产品实现起来也相当简单，就是一个浏览器扩展，会把你的起始页变成由浏览器收藏夹数据驱动的导航；

在这个导航里还附带你最近访问的网站，以及当前浏览器打开的 Tab 栏。

其实这里边有个坑，那就是如果用户开了两个同样的浏览器窗口，去管理切换的时候需要特殊处理，这一款搞了好久才搞明白的。

好那么需求定了，说干就干；

虽然我曾经做过一次浏览器扩展，但其实我对扩展的 API 并不熟悉，我直接让 ChatGPT 给我生成了一个 demo

好经过一系列的 Ai 调教，我成功生成了完整 demo 下图就是 ChatGPT 给我生成的代码运行之后的结果；

虽然 Ui 比较 low 但它五脏俱全，比我写的代码功能还要完善，当然我肯定不能拿这个去糊弄大家，我看了它给出的 demo 后验证需求可以实现，于是我就开始准备画页面。

我的思路是这样的；

ChatGPT 并不能按照我们脑子里想的写出好看的页面，但是它可以基于我们给出的模板去填充逻辑，我只需要写一个 html+css 的模板然后交给它补充逻辑就行了。

说干就干，很快一个前端模板就写完了，下边是初步效果。

然后我把前端模板丢给 GPT 让他自动为我补充逻辑就得出了最终完成版效果；

不得不说，有了 GPT 之后真的是太方便辣，这套东西在 GPT 的帮助下，早上刷 v2ex 有了想法，立刻执行，我只用了一天就完成了。

现在我把这套代码完整的开源出来，大家一块学习；

这个只是一个初代版本，还有很多想法没有实现，后续我会持续维护这套新标签页，作为浏览器仪表盘不会只有这点功能的，可以持续关注；

最后也求大家给我这个项目一个 Star 感谢感谢~

下面是直达链接：

为了防止链接被微信吞，如果都打不开的话，可以直接去这个地址下载：

备用地址：https://tag.zhuayuya.com/

Edge扩展商城：

https://microsoftedge.microsoft.com/addons/detail/podfjomopoejmlkfnhanlmlagcnlappd

开源地址：

https://github.com/ponysb/TagPlanet （欢迎Star）