我使用ChatGPT为Twitter创建了一个Chrome扩展程序。
...而且在这个过程中学到了很多关于JavaScript的知识
![](/posts/1%24nJ_q7cZdVDZSwr1nIbL1Ow.jpeg)
所以,一段时间前,我决定创建一个Chrome扩展来介绍这些功能。促使我做出这个决定的原因是该平台的新所有者将珍爱的蓝色小鸟更换为无灵魂的“X”标志。我真的很想把小鸟的标志带回来,同时,我也想解决我的愿望清单上的项目。
事实是,Chrome扩展是用JavaScript编写的,而我与这种语言的关系,嗯,很复杂。在过去的15年里,每当我需要使用它时(比我愿意承认的还要频繁),我只是在谷歌上搜索相关任务,找出如何执行它,完成工作,然后把所有相关知识都抛之脑后。当然,在我生命中再也没有开发过Chrome扩展了。
«ChatGPT, 担任我的 JavaScript 导师»
所以,我决定求助于ChatGPT来开发一个真正可用的扩展,而无需阅读谷歌的文档或JavaScript教程 - 只需提出问题并按照它的指导进行操作。我不会让你悬而未决:这次尝试是成功的。而且,老实说,整个过程非常顺利,让我感到非常惊讶。
![](/posts/1%24HrM6SEGSiFNDWnlDXsqdww.png)
接下来,我提示它生成扩展的关键组件的示例代码,并从那里开始工作。
整个过程涉及使用 DevTools 搜索 Twitter 的源代码,定位我想要修改的元素(比如 X 徽标),然后将它们替换为任何我想要的内容。ChatGPT 不仅为我提供了执行此操作所需的命令,还解释了它们的工作原理。
![](/posts/1%24_3wI7St2e4xu8hfuvr_MzQ.png)
提升水平
我想要实现的一些其他功能更加复杂,因此我不得不向我的AI导师询问更高级的问题。例如:
- 对于一个交换选定账户的推文与《指环王》中随机引用语句之间的功能(将其视为更有趣的静音版本),我需要一个监听器来检测页面内容是否被更新为新的推文。
- 对于在每个嵌入视频下方附加下载按钮的功能,我希望我的扩展程序的后台服务程序发送一个POST请求到外部API,并将结果传递给内容脚本。
- 为了自定义样式,我想要将自己的CSS类注入到Twitter网页中。
ChatGPT提供了详细的指令,附带了代码示例,并对代码的每个部分进行了有益的解析。它的建议并非总是100%准确,但每当出现错误时,我会回来分享错误信息,并迅速得到解释和修复。
![](/posts/1%24qms_eQWGnJiD6RcEQ7neYQ.png)
顶上的樱桃:扩展准备完毕后,我还使用ChatGPT设计了它的标志,并且还使用它来审核您正在阅读的这篇文章,并修复任何语法和语法错误。
结论
我敢说这次实验是一个惊人的成功。在短短几天内,我编写了一个扩展,可以把X转换回Twitter,将选定账户的推文转化为随机的《指环王》引用,并为嵌入视频创建直接下载链接。考虑到当我开始时我对文档对象模型几乎一知半解,从未执行过JS后台服务工作器,可以明显地看出ChatGPR证明了自己是一个非常优秀的导师。
我真的很喜欢这个扩展,而且我已经想到了几个更多的功能,只要我有时间就会添加上去。骂人过滤器和读取已封锁帐户的推文的方法是首要考虑的,但我也乐于接受建议。如果你愿意试一试并分享你的反馈,无论是在下面的评论还是在Chrome网上应用店中,我都会非常感激。