AiNewTab-把喜欢的书签设为首页。和 Chatgpt 对话超过几千轮,花费 358 元(域名+订阅费用),我用 ChatGPT 做了一个小众的书签导航插件。

1次阅读

共计 1343 个字符,预计需要花费 4 分钟才能阅读完成。

项目主页 AiNewTab-Set Favorite Bookmarks as Homepage

AiNewTab- 把喜欢的书签设为首页。和 Chatgpt 对话超过几千轮,花费 358 元(域名 + 订阅费用),我用 ChatGPT 做了一个小众的书签导航插件。

Chrome Web Store 地址 chromewebstore.google.com

手动安装教程 cooing-loganberry-b74.notion.site

使用教程 cooing-loganberry-b74.notion.site

演示视频 https://youtu.be/ekhzlRdLS9c?si=lOSWVWFIzkl8bvCK

核心功能如下

一键设为主页

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

AI 智能搜索

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

一键对比搜索

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

选中文字搜索

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

为什么要开发这个插件?

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

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

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

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

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

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

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

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

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

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

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

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

虽然插件现在还没完全达到我理想中的效果,但接下来我会继续优化,尤其是搜索功能。比如,计划增加书签搜索、历史记录搜索、更多的 AI 搜索(类似哥飞和 Orange.ai 的产品),还会加入一些小组件,提升整体的使用体验。

这个项目也是我第一个项目,只懂一点前端皮毛的产品,和 ChatGPT 死磕,才达到一个稍微可用的版本,同时也赖着性子写教程,学做视频。最后打铁还需自身硬,要想把自己的想法实现,还是要学习,单纯靠 ai, 还是很难开发复杂的项目。

最后欢迎大家使用和反馈👏

正文完
 0