chatgpt可以帮助小白开发软件吗 福利来了!小白使用ChatGPT开发Chrome浏览器插件教程

默认分类1年前 (2023)发布 admin
539 0
ChatGPT国内版

风靡全球之后,大部分人仅仅是将其当成是一个“小玩具”,聪明的人已经使用来辅助工作了,极大的提高了生产效率。

在平时工作中,很多人都会用谷歌浏览器来进行网页浏览,下面就教大家如何使用工具自主写一个浏览器插件,以提高网页浏览时的体验以及工作效率。

下面我们将要介绍编写的插件是一个网页截图插件,这是我们平时工作中常用的功能。下面进入正题。

直接向提问你想问的问题:

你能为一个名为 Full Web Screenshot 的应用程序创建一个 chrome 扩展脚本吗? 每当单击应用程序时,此扩展程序都会截取 chrome 浏览器的完整屏幕截图,并自动下载屏幕截图。

1.首先,在您的项目目录中创建一个名为 .json 的文件,并将以下代码复制到其中:

chatgpt可以帮助小白开发软件吗 福利来了!小白使用ChatGPT开发Chrome浏览器插件教程

.json

2.创建一个名为 popup.html 的文件,并将以下代码复制到其中:

popup.html

3.创建一个名为 popup.js 的文件,并将以下代码复制到其中:

popup.js

4.创建三个名为 .png、.png 和 .png 的图标文件。这些文件将用作扩展程序的图标。

chatgpt可以帮助小白开发软件吗 福利来了!小白使用ChatGPT开发Chrome浏览器插件教程

5.在 浏览器中打开 “扩展程序” 页面。在页面右上角启用 “开发者模式”。然后,单击 “加载已解压的扩展程序”,并选择您的项目目录。

加载插件代码包

自制插件效果

到这里为止,我们已经借助的能力完成了一个插件的编写和使用,同理,你也可以根据自己的需求,使用帮你完成更多的工作,提高工作效率。

科技改变生活!科技辅助工作!

【本文作者,字节跳动高级算法专家,定期给大家分享算法以及人工智能领域的干货,共同成长进步!欢迎关注欢迎交流!同时一直招聘推荐算法、工程岗位,欢迎投递!】

© 版权声明
广告也精彩

相关文章

暂无评论

暂无评论...