ruanyf / weekly

科技爱好者周刊,每周五发布
47.92k stars 2.88k forks source link

【开源自荐】TabMark - Bookmark New Tab浏览器插件,一款基于书签的高颜值、极简标签页插件,完全使用chatgpt 和 claude 开发 #5540

Open Alanrk opened 1 week ago

Alanrk commented 1 week ago

本人不会写代码,但是作为产品经理,具备一些程序开发思维,借助 ChatGPT 和 Claude 写出了这个插件,主要是自用,所以从产品体验上并没有百分百做到完美,比如新用户引导、响应式等功能完善方面做的并不好,相关代码也已经开源,感兴趣的朋友可以看下ai写的代码或者优化。

项目地址https://www.ainewtab.app

开源地址https://github.com/Alanrk/TabMark-Bookmark-New-Tab

Chrome Webstore安装https://chromewebstore.google.com/detail/tabmark-bookmark-new-tab/jpejneelbjckppjapemgfeheifljmaib

旧版使用教程https://cooing-loganberry-b74.notion.site/TabMark-Bookmark-New-Tab-7a083a74f84e4bb48345e389c1e53717

MacBook Air 13  - 1@1x MacBook Air 13_ - 4@1x MacBook Air 13  - 3@1x MacBook Air 13  - 2@1x

主要功能

一键设为主页 选择书签文件夹,右键轻松将喜爱的书签设为主页,随心拖动排列,让浏览更符合你的习惯。 侧边栏树状视图让你直观管理书签文件夹,快速找到所需内容。

AI智能搜索 在新标签页直接使用 AI 搜索,快速访问豆包、Kimi、秘塔、felo、ChatGPT 等,还支持 Google、Bing 等经典搜索引擎,随心拖动排列,更加符合你的使用习惯。

一键对比搜索 一键在多个搜索引擎中查找同一内容,对比不同结果,助你找到最佳答案。

选中文字搜索 在任意网页使用鼠标选中文字后,通过点击侧边栏或快捷键(Alt + 1-6 打开对应搜索,Cmd/Ctrl + Enter 打开全部搜索)高效启动搜索。

为什么要开发这个插件?

其实很简单,我一直以来习惯用浏览器的书签作为自己的网站导航工具,但总觉得系统自带的书签栏不够好用,主要有几个问题:

书签显示不全:书签栏只能显示有限的书签,超出部分就会被折叠,查找起来很麻烦。而且,我也不喜欢让浏览器地址栏下面再显示一条书签栏,显得很臃肿。

文件夹不便:书签栏的文件夹默认是折叠的,每次都要手动点开,层层展开,感觉非常繁琐。

层级太深:我收藏了很多书签,但有些已经忘记放在哪个文件夹里了,整理和查找起来都很费劲。

我试用了很多插件,但发现大多数都不支持直接导入和自动同步书签,而且UI设计和交互体验也不符合我的要求。于是我想,既然找不到一个完全合适的工具,为什么不自己做一个呢?

虽然我没有任何代码经验,但在ChatGPT和Claude的帮助下,我成功开发了这个插件,给自己打造了一个专属的导航站。

在开发这个插件时,我给自己定了几个原则:

本地优先:插件必须高效,页面加载要快,所以尽量用本地资源,比如网站图标和信息都通过Chrome API获取,能不联网就不联网。

稳定优先:书签同步直接用Chrome或者Edge官方的功能,不折腾第三方服务。

简单优先:插件装好后就能直接用,默认设置必须够友好,用户不需要导入、添加什么乱七八糟的东西,简洁明了。

场景优先:根据不同使用场景做优化,比如专门为日常搜索做了一个模块,提升使用体验。

重点优先:常用书签优先展示,减少在一堆书签里翻找的时间,让最常用的书签触手可及。