大概有这样的需求。
在搜索资源,或者查找解决棘手bug的方法的时候,会经历很长时间来回不断地翻阅一些网站,有的问题甚至半年后还需要重新来过。那些曾经访问过且证明没有任何意义的网页,会因为一个“优秀的”标题而导致再次浪费我们的时间。所以为什么我们不能拉黑它们呢?
市面上的Chrome网站黑名单不少,比如有
这种在检索的时候会比较方便
于是就想能不能自己也开发一款自己的Chrome插件
作为一名后端工程师,距离上次写前端代码还是刚毕业的时候,时间成本也有限。不太可能为了写一款插件而去刻意去学前端代码。但在如今大模型爆发的时代,很多人借助于ChatGPT来实现自己的Chrome插件。于是,说动手就动手。
所以,我开始向ChatGPT提出我的需求
于是给出了以下这些对话
当我一步一步按照它给我的步骤来实现时。前面还是挺顺的。
首先是添加方式。直接在这里就能添加了
刚开始的时候。因为把ChatGPT的代码复制过去后,就发现始终有一些没反应。然后几经折腾才发现在这里可以看到debug的信息。也就是
打开后就能看到这些了
后续发现是ChatGPT给出的事件不对。去查询后发现应该是使用 OnUpdated事件
接下来就是要去本地读取文件了。当浏览器输入地址栏时去匹配。 看到有其他Chrome插件能直接导出导入数据,但是我在Chrome的extends里确实没看到文件。有大佬知道Chrome插件的数据保存在哪里的可以方便告知一下。
手动在txt文件里添加一行地址栏。 baidu.com
然后运行发现是能正常运行的
现在的问题就是如何利用快捷键来实现把Chrome的地址栏添加到文件夹里面了。开发Chrome插件的经验较少,所以目前不太知道如何设定一个快捷键来实现这一功能
于是曲线救国,在 曾经分享过如何来利用alfred来实现对一些快捷操作来完成的。 这里的思路也借鉴这里
首先想的是定义三个快捷键。然后在最后一个快捷键来对一个脚本的执行。比如
a. 先 option + a 来唤起
b. 然后command+l 定位到地址栏
c. 最后command+c 复制地址栏
d. 最后把得到的地址栏通过一个脚本来写到一个文件里去,这里使用shell和python都行。
以上这是shell脚本的内容,为了防止误触碰,则判定如果复制的东西里有http的话,才会被写到文件里去。
但是后续发现这样并不太好使,所以改为从shell脚本里执行快捷键的命令
即添加 这两行即可
所以最终就变成了这样的,只需要一个快捷键,就能实现这个功能了。
当然在这过程中并非也一直这么顺利,有一些类似于的错误,好在ChatGPT大部分也都能一一解决
一些思考
待解决