newtab01: 一个基于书签驱动、以列表显示的新标签页 Chrome 扩展

我知道站里已经有很多朋友发布过新标签页扩展了，不过我的这个新标签其实主要是为了满足自己的使用需求的：

1. 
   

   我更喜欢基于列表并且是多列的形式来显示网址链接，而且页面可以比较多的内容，不需要背景图片。我不喜欢那种启动台 Launchpad 那种 APP 图标的形式，因为链接和不同于应用，会出现很多某个网站的子链接。所以天然适合书签的数据来驱动。

   
   


2. 
   

   我喜欢使用鼠标中键来打开很多个链接，然后再慢慢看。而有很多扩展的链接都使用了其他元素替代了 <a> 标签导致鼠标中键无法正常的通过后台标签页来打开。

   
   


3. 
   

   基于 2 ，我希望可以一键打开一些常用的相关链接，比如摸鱼的，工作的，看股票的等等。

   
   


4. 
   

   我希望新标签页的数据可以比较容易添加以及数据同步，所以使用书签是一个很天然可靠的方案，只需要新建几个专门用于新标签的目录。增删改都可以直接使用书签功能。

   
   

所以在此之前我使用了 Humble New Tab Page 好多年了。

只不过最近在学习 AI 编程的时候，没有好的想法，就想到基于 Humble New Tab Page 的使用体验，来扩展一些自己想要的功能，主要是：

1. 基于 chrome group 的形式打开目录内的所有链接


2. 支持分屏的形式打开多个页面（比如可以同时看不同的股票基金页面）


3. 支持主题化，Humble New Tab Page 我虽然自己写了个简单的 CSS ，但还是太单调，支持暗色亮色模式以及自动切换，并且加入了直接引入 tweakcn 主题的支持。


4. 支持搜索书签


5. 支持中文

这个扩展使用 Trae Work + Minimax M3 （以及少量的 deepseek v4 pro ）来 vibo coding ， 大概花了接近两周。

tokens 消耗量：

Trae Work 的月免费额度。
Minimax M3 的 Token plan Plus 档位经常用满 5 小时的限额。
大概 10 元的 Deepseek v4 pro 。

我基本上优先使用 Trae Work 的免费额度，除非是当天需要排队很长或者暂时限额了，我就会切换到自己的 Minimax M3 token plan 。
当两者都限额了，就会使用 Deepseek v4 pro 。

实际上这是重开的一个版本，基于一个 CLAUDE.md 开始。
之前有一个版本做了一版，一开始是基于 react 的，后来觉得应该用原生 js 来做，因为 react 有点重，然后在没有新建分支的情况下就让它开始干，结果干完之后，测试各种问题，然后为了解决测试的问题，来回修改了很多次对话都不满意。于是我就重新开始了一个版本。

我发现对于一个比较完整的项目进行这种很大的重构，不是简单的一句话就能完成的。

扩展安装地址： https://chromewebstore.google.com/detail/newtab01/nlecfkdndodablijmfcjbnannkgmpegj

或者下载 crx 文件: https://pan.quark.cn/s/8c3a9f170537

开源地址： https://github.com/lingyired/newtab01

以下是功能截图：

newtab01 主功能

newtab01 默认 12 个主题

newtab01 切换主题

newtab01 暗色主题

newtab01 安装主题

newtab01 拖拽新增列

newtab01 以分组的形式打开目录链接

newtab01 以分屏的形式打开目录链接

newtab01 分屏显示

newtab01 点击图标可以自定义分屏

newtab01 搜索功能

newtab01 右键菜单

作者自用的截图

作者自用的截图 2