多图预警。如果你不想读完本文,可以直接安装下载体验。
起因是这样的,我平常用书签收集很多的博客网站,但是状态栏一行显示的书签条数有限,如果把书签放在文件夹中的话,每次打开一条书签,文件夹就会关闭,再打开一条书签的话,就还要再打开一次文件夹,且在状态栏的书签太多也影响美观,于是我就想能否自己开发一个基于书签的新标签页,但是我不会写代码(本职工作是产品经理,只能看懂 html和css),于是这个软件的思路就被我记录在备忘录了。
直到到了今年 7 月份左右,网上有了用Ai开始编程的各种帖子,于是我也想着能否使用Ai开始编程,于是我便开始用Ai把我的 hexo博客主题进行修改,没想到在 chatgpt的加持下,主题很快就修改的符合我的要求了。这个时候我就想能否用AI开发一个浏览器启动页的插件呢,于是在租了账号后,我就开始了痛苦的复制粘贴之路,期间各种 bug各种意外情况,最后在经历多个版本的迭代后,最后终于能够满足我日常的使用了。
在开发这个插件时,我给自己定了几个原则:
本地优先:插件必须高效,页面加载要快,所以尽量用本地资源,比如网站图标和信息都通过Chrome API获取,能不联网就不联网。
稳定优先:书签同步直接用Chrome或者Edge官方的功能,不折腾第三方服务。
简单优先:插件装好后就能直接用,默认设置必须够友好,用户不需要导入、添加什么乱七八糟的东西,简洁明了。
主要功能如下
一键将书签文件夹设为主页
选择书签文件夹,右键选择设为主页,下次再打开新标签页,就能把默认的书签文件夹自动展开,方便快速访问不常用的网站。支持书签卡片在同文件层级中随心拖动排列(跨层级拖动尝试用Ai实现,但是无法实现)
侧边栏树状视图让你直观管理书签文件夹,快速定位文件位置。
自动推荐经常访问的10 个网站(同时你也可以右键禁止显示某些 xx网站)
某些网站不在书签里,但是经常访问,我也做了个基于你的访问历史记录给你推荐 10 个网站。(当然简单的算法也是Ai实现的)
一键搜索书签、历史记录(集成地址栏搜索功能)
🔍在新标签页直接使用 AI 搜索(跳转ai搜索网站自动填充搜索词,无需api)
在新标签页快速在豆包、Kimi、秘塔、felo、ChatGPT 、Google、Bing 等搜索引擎中搜索,同样你也可以拖动这些搜索引擎进行排序;
聚合对比搜索
有些搜索内容,你想进行搜索对比结果,可以按cmd或者ctrl加回车,所有搜索引擎一起搜索结果,并将这些网站自动打成分组,方便你区分和关闭。
悬浮球功能(可在设置中关闭)
在任意网页右上角显示一个悬浮球,鼠标 hover后可显示搜索引擎的快捷方式和默认设置的书签,方便快速访问搜索。
一键切换搜索
有时候在搜索结果列表中没找到满意的答案,呼出悬浮球,不需要再复制粘贴搜索词,直接选择切换搜索引擎,即可开始搜索。
复制文字搜索
有时候在浏览网页,需要对某些文字进行搜索,选中文字,呼出悬浮球,选择想使用的搜索引擎就能开始搜索。
浏览器页面快捷方式
在新标签页侧面显示浏览器历史记录、下载记录、密码管理、插件管理的快捷方式,可一键打开浏览器的相关页面。
自定义设置功能(这部分目前还比较弱,交互复杂的功能,ai开发起来费劲)
自定义设置目前支持一键切换暗黑模式、多种颜色背景显示。
渐变书签背景有参照Markoob,特此声明。
附上相关网址:
项目网站:https://www.ainewtab.app/
Chrome webstore地址:https://chromewebstore.google.com/detail/tabmark-bookmark-new-tab/jpejneelbjckppjapemgfeheifljmaib?authuser=0&hl=en
离线安装包:Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
欢迎大家使用并提出意见。在使用ChatGPT 和 cursor开发之前,我只能看懂一些 html和 css,有了AI的加持,我也能按照自己的想法,创作出解决自己问题的软件,我体验到了作为创造者的快乐。当然也有不快乐,比如花了域名+订阅费用¥358,软件 开发完了没人用😭;比如AI不能理解我的需求,需要反复解释...
最后就有一些问题,在AI来临的时代,作为【人】我们的价值在哪里?当技术普惠越来越多的人时,对于开发者来说,什么又是你的护城河呢?