推广 热搜: page  关键词  红书  哪些  数据分析  链接  搜索  获取  小红  服务 

我攻克的技术难题: 我是如何解决开发中Chrome插件问题

   日期:2024-12-26     作者:wrb16    caijiyuan   评论:0    移动:https://sicmodule.kub2b.com/mobile/news/9867.html
核心提示:大概有这样的需求。在搜索资源,或者查找解决棘手bug的方法的时候,会经历很长时间来回不断地翻阅一些网站,有的问题甚至半年后

大概有这样的需求。

在搜索资源,或者查找解决棘手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 复制地址栏

我攻克的技术难题: 我是如何解决开发中Chrome插件问题

d. 最后把得到的地址栏通过一个脚本来写到一个文件里去,这里使用shell和python都行。

以上这是shell脚本的内容,为了防止误触碰,则判定如果复制的东西里有http的话,才会被写到文件里去。

但是后续发现这样并不太好使,所以改为从shell脚本里执行快捷键的命令

即添加 这两行即可

所以最终就变成了这样的,只需要一个快捷键,就能实现这个功能了。

当然在这过程中并非也一直这么顺利,有一些类似于的错误,好在ChatGPT大部分也都能一一解决

一些思考

待解决

本文地址:https://sicmodule.kub2b.com/news/9867.html     企库往 https://sicmodule.kub2b.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新资讯
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号