平时上网,最烦的就是浏览器默认的新标签页。要么是搜索巨头的推荐流,要么是满屏的快捷方式图标,乱七八糟的,还关不掉。用第三方的新标签页插件吧,又总觉得不踏实——你不知道它把你的书签、搜索记录传到哪里去了。
所以我就自己做了个。叫 MolTab,定位很简单:一个安静的、属于你自己的浏览器起始页。
项目开源在 GitHub 上,仓库名就叫 moltab。网址是 tab.molx.net,直接打开就能用,不用装任何东西。如果你觉得好用,再考虑装插件也不迟。
打开之后是什么样
第一次打开 MolTab,你看到的会是一个很干净的画面。背景是一张壁纸,左上角显示天气和农历日期,中间是搜索框,下面是你的书签和几个小工具。
没有推荐流,没有广告,没有“猜你喜欢”。就是一个工具页。
搜索框支持七大引擎——百度、必应、谷歌、DuckDuckGo、Yandex、搜狗、360,点一下就能切换。搜索历史自动保存最多 50 条,下次输入的时候会给你补全。键盘党可以用 Ctrl+K 或者 / 直接聚焦搜索框,按 Esc 关掉弹窗。
书签和网格
书签区域用的是 12×3 的网格布局。你可以把常用的网站拖到任意位置,也可以把两个书签拖到一起,它会自动变成一个文件夹。文件夹支持三种尺寸——1×1、2×2、3×3,你按需要调。文件夹里的书签可以展开预览,点一下看全部。
编辑模式是右键菜单,改名字、改链接、换图标、调大小、删除,都在这里。图标有四种模式:自动抓取网站 favicon、Emoji、首字母、自定义图片,随便你选。位置切换有 FLIP 动画,拖来拖去不会卡顿。
壁纸和主题
壁纸有五个内置图库:自然风光、城市建筑、抽象艺术、极简风格、必应每日。用的是种子随机算法——同一天同一个图库,生成的壁纸组合是固定的,不会每次刷新都变。如果你想用自己的图,可以填 URL 列表或者 JSON API,也可以直接固定一张图不换。
文字颜色会根据背景亮度自动反色。具体做法是用 Canvas 对每个元素所在的位置单独采样,算出局部亮度,再决定文字用深色还是浅色。所以不管壁纸是亮的还是暗的,文字都能看清楚。主题有浅色、深色、跟随系统三种模式。
番茄钟和待办
这两个是网格里的小工具卡片,可以拖拽、可以缩放。番茄钟的专注时长和休息时长都能自己设,会记录完成了多少个。待办事项可以快速添加、勾选完成、删除。放大缩小时,卡片里的内容会自适应缩放,不会挤成一团。
天气、一言、农历
天气是自动定位的——先走 GPS,不行就退到 IP 地址,再不行就反向地理编码,还不行可以手动设置城市。数据来自 Open-Meteo 的开放接口,每 15 分钟刷新一次。
一言接的是 hitokoto.cn 的 API,随机显示一句语录。你可以关掉,也可以换成自己写的内容。
时钟下面有一行农历日期,纯算法实现的,不依赖任何外部接口。问候语会按时段变——早上好、上午好、中午好、下午好、晚上好、夜深了。
数据在你手里
MolTab 没有后台服务器。你的书签、壁纸、设置、搜索历史,全都存在浏览器的 localStorage 里。没有追踪,没有分析,没有第三方请求(天气和一言除外,那两个是匿名请求)。
数据可以一键导出成 JSON,也可以导入。如果你有多台设备,可以配 WebDAV 云同步——坚果云、群晖、Nextcloud 都支持。同步的是你自己的数据,走的是你自己的网盘,跟 MolTab 的服务器没有关系(因为我根本没有服务器)。
Service Worker 会缓存核心资源,断网也能打开。也就是说,你带着笔记本出门,没网的时候新标签页照样能用。
怎么用
三种方式,看你喜欢哪种。
最省事的:直接打开 tab.molx.net。不用装任何东西,打开就是一个完整的新标签页。适合想先试试看的人。
装插件。Edge、Chrome、Firefox 都有。Firefox 的插件在 addons.mozilla.org 上搜“MolTab 新标签页”就能找到。Edge 的商店里也有,搜索 MolTab 或者从官网的链接点进去就行。装完之后,每次打开新标签页就是 MolTab。Chrome商店里没有,谷歌要收我五美元的开发者注册费,没钱,大家可以直接使用在线版,也可以去github仓库clone自己打包。
自己部署。如果你想把 MolTab 放在自己的域名下,去 GitHub 仓库 clone 下来,构建之后上传到任何静态托管服务就行。纯前端项目,没有构建依赖的烦恼。
技术上的选择
MolTab 是纯原生 JavaScript 写的,没有用任何框架。ES Modules 模块化,文件按职责拆分——时钟、农历、问候、搜索、天气、壁纸、主题,各管各的。CSS 用了 Container Queries 来做小工具的响应式缩放,壁纸加载用渐进式策略,先出缩略图再换高清。
没有框架的好处是快,加载快、运行快、改起来也快。坏处是有些地方得自己写,比如农历算法、亮度检测、种子随机,都是手写的。但我觉得值得。
代码是 MIT 许可证,托管在 GitHub。想改什么自己改,想加什么自己加。欢迎提 Issue 和 PR,但我不一定马上回。
最后
MolTab 不是什么大项目,它就是我自己用的东西。我想要一个新标签页,打开的时候是干净的,搜索的时候是快的,数据是安全的,用起来是不烦人的。做完了,就放在那里。
如果你也受够了默认新标签页的喧嚣,可以试试。不喜欢的话,关掉就好,什么都没留下。
本文使用AI生成,内容仅供参考