从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行

背景

Midjourney 后台有个模块可以给图片打分,每次展示两张图片,让你选择喜欢的一张,说白了就是在帮 Midjouney 炼丹了,这里面有个隐藏福利,当天打分数量前2000名的用户可以免费获得使用时长。有空的时候我就会去点一点,感觉花十几分钟就能获得奖励了。

V5 推出后经常能看到一些很喜欢的图,偶然发现每张图的 Prompt 都存在 alt 信息里,完整复制比较麻烦。今天看到别人 花十几分钟就靠 Cursor 编辑器 AI 功能实现了一个手头遇到的需求。于是我也打算通过 GPT 尝试一下

实践

1. 很简单的描述了一下需求,GPT 马上给出了一个通过书签运行 JavaScript 代码的方案,运行后会将抓取的信息输出到浏览器控制台。又让它改成把数据复制到剪贴板,马上给出了新的代码。不得不说,GPT-4 生成的指导教程非常细致清晰,让没有编程经验的我也能跟着提示一步一步操作。

从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片

2. 但我按照步骤执行后报错,将错误丢给 GPT 修改,第一次还是会出现同样的错误,第二次 GPT 找出了问题所在,直接在书签栏编辑会影响代码格式,重新在书签管理器新建书签代码真的运行成功了!不知道 GPT 是从训练的资料里学习到的,还是通过分析推理找出了原因,真的很神!更神奇的在后面:

从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片

3. 问它有没有其他办法可以实现这个功能,GPT 给出了创建 Chrome 扩展的示例,甚至连名字都给起好了“image-alt-copier”,还是很贴切的。按照指引一步一步操作,我就用txt 文本编辑器新建了几个文件,网上找到一个图标并用 ps 保存3种分辨率的 png 文件 。GTP 连点击哪个图标和菜单都给说到了。

从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片
从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行
图片

4. 结果运行非常顺利,我人生中第一个浏览器插件,或者第一个“编程”作品就这么诞生了!这么说很心虚,全程我只是按照 GPT 提供的教程操作,几乎没有难度。我的创造性只体现在提出了一个具体的需求,在图库网站挑了一个图标。通过这次亲身体验,我可以肯定自然语言编程已经是现实了,而且门槛很低。

最后说下感想:在已经到来的 AI 时代,AI 工具将打破很多专业技术门槛,比如编程,绘画,摄影,普通人将创意实现变得前所未有的简单,专业人士通过 AI 工具也能极大提升效率,将自己的创作推向一个更高的层次。也许很快我们就能迎来一波内容创作大爆发,请系好安全带。

感谢阅读,希望对你有所帮助 :) 

来源:这就是编程(ID:hardcorecode)

精彩推荐

最全的java面试题库

开源版的高仿 “ 微信 ”,吊炸天!

后端技术内卷群,一起学习!

从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行

原文始发于微信公众号(Java面试题精选):从零开始,通过 ChatGPT-4 十分钟开发了一个浏览器插件,并成功运行

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/129537.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!