Open Alanrk opened 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
一键设为主页 选择书签文件夹,右键轻松将喜爱的书签设为主页,随心拖动排列,让浏览更符合你的习惯。 侧边栏树状视图让你直观管理书签文件夹,快速找到所需内容。
AI智能搜索 在新标签页直接使用 AI 搜索,快速访问豆包、Kimi、秘塔、felo、ChatGPT 等,还支持 Google、Bing 等经典搜索引擎,随心拖动排列,更加符合你的使用习惯。
一键对比搜索 一键在多个搜索引擎中查找同一内容,对比不同结果,助你找到最佳答案。
选中文字搜索 在任意网页使用鼠标选中文字后,通过点击侧边栏或快捷键(Alt + 1-6 打开对应搜索,Cmd/Ctrl + Enter 打开全部搜索)高效启动搜索。
为什么要开发这个插件?
其实很简单,我一直以来习惯用浏览器的书签作为自己的网站导航工具,但总觉得系统自带的书签栏不够好用,主要有几个问题:
书签显示不全:书签栏只能显示有限的书签,超出部分就会被折叠,查找起来很麻烦。而且,我也不喜欢让浏览器地址栏下面再显示一条书签栏,显得很臃肿。
文件夹不便:书签栏的文件夹默认是折叠的,每次都要手动点开,层层展开,感觉非常繁琐。
层级太深:我收藏了很多书签,但有些已经忘记放在哪个文件夹里了,整理和查找起来都很费劲。
我试用了很多插件,但发现大多数都不支持直接导入和自动同步书签,而且UI设计和交互体验也不符合我的要求。于是我想,既然找不到一个完全合适的工具,为什么不自己做一个呢?
虽然我没有任何代码经验,但在ChatGPT和Claude的帮助下,我成功开发了这个插件,给自己打造了一个专属的导航站。
在开发这个插件时,我给自己定了几个原则:
本地优先:插件必须高效,页面加载要快,所以尽量用本地资源,比如网站图标和信息都通过Chrome API获取,能不联网就不联网。
稳定优先:书签同步直接用Chrome或者Edge官方的功能,不折腾第三方服务。
简单优先:插件装好后就能直接用,默认设置必须够友好,用户不需要导入、添加什么乱七八糟的东西,简洁明了。
场景优先:根据不同使用场景做优化,比如专门为日常搜索做了一个模块,提升使用体验。
重点优先:常用书签优先展示,减少在一堆书签里翻找的时间,让最常用的书签触手可及。
本人不会写代码,但是作为产品经理,具备一些程序开发思维,借助 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
主要功能
一键设为主页 选择书签文件夹,右键轻松将喜爱的书签设为主页,随心拖动排列,让浏览更符合你的习惯。 侧边栏树状视图让你直观管理书签文件夹,快速找到所需内容。
AI智能搜索 在新标签页直接使用 AI 搜索,快速访问豆包、Kimi、秘塔、felo、ChatGPT 等,还支持 Google、Bing 等经典搜索引擎,随心拖动排列,更加符合你的使用习惯。
一键对比搜索 一键在多个搜索引擎中查找同一内容,对比不同结果,助你找到最佳答案。
选中文字搜索 在任意网页使用鼠标选中文字后,通过点击侧边栏或快捷键(Alt + 1-6 打开对应搜索,Cmd/Ctrl + Enter 打开全部搜索)高效启动搜索。
为什么要开发这个插件?
其实很简单,我一直以来习惯用浏览器的书签作为自己的网站导航工具,但总觉得系统自带的书签栏不够好用,主要有几个问题:
书签显示不全:书签栏只能显示有限的书签,超出部分就会被折叠,查找起来很麻烦。而且,我也不喜欢让浏览器地址栏下面再显示一条书签栏,显得很臃肿。
文件夹不便:书签栏的文件夹默认是折叠的,每次都要手动点开,层层展开,感觉非常繁琐。
层级太深:我收藏了很多书签,但有些已经忘记放在哪个文件夹里了,整理和查找起来都很费劲。
我试用了很多插件,但发现大多数都不支持直接导入和自动同步书签,而且UI设计和交互体验也不符合我的要求。于是我想,既然找不到一个完全合适的工具,为什么不自己做一个呢?
虽然我没有任何代码经验,但在ChatGPT和Claude的帮助下,我成功开发了这个插件,给自己打造了一个专属的导航站。
在开发这个插件时,我给自己定了几个原则:
本地优先:插件必须高效,页面加载要快,所以尽量用本地资源,比如网站图标和信息都通过Chrome API获取,能不联网就不联网。
稳定优先:书签同步直接用Chrome或者Edge官方的功能,不折腾第三方服务。
简单优先:插件装好后就能直接用,默认设置必须够友好,用户不需要导入、添加什么乱七八糟的东西,简洁明了。
场景优先:根据不同使用场景做优化,比如专门为日常搜索做了一个模块,提升使用体验。
重点优先:常用书签优先展示,减少在一堆书签里翻找的时间,让最常用的书签触手可及。