点击上方?公众号?关注我✅
你好啊,我是雨飞,见字如面。感谢阅读,期待我们下一次的相遇。
之前我们在直播中提到,使用Cursor等编程工具可以很方便的制造谷歌插件,今天就来实际操作下。
代码位置:
https://github.com/Xls1994/cursor-code
所有的代码都可以在这里找到,我们更推荐你亲自尝试编写提示词,而不是简单的复制粘贴代码。
最简单的一种,就是选取当前的文字,在右键菜单中选择选项,然后跳转到谷歌翻译的页面,然后实现翻译。
根据我们的想法编写提示词:
帮我实现一个 Chrome 插件,要求的功能如下:
1、当我们选中网页上的文字并右键时,在菜单中显示“使用谷歌进行翻译”选项,点击该选项后弹出谷歌翻译的窗口并将选中文字翻译成英文
2、无需使用图标
3、使用V3版本的manifest.json
4、请注意中文的格式编码问题
Cursor 会直接根据我们的要求,去创建相关文件,点击「Accept all」,然后去部署好谷歌插件测试下功能。
和之前操作类似,点击「Accept all」之后,将插件安装到谷歌浏览器中,并进行测试。
展示效果如下:选中任意一段文字,右键,在菜单中选择「使用谷歌进行翻译」然后会跳转到谷歌翻译的页面,并将内容翻译成英文。
这一种方式实现非常简单,但是不够丝滑。我们希望当鼠标选中文字的时候就可以进行翻译,不需要额外点击右键菜单。根据我们的需求,编写和优化提示词。
帮我实现一个 Chrome 插件,要求的功能如下:
1、当我们选中网页上的文字,然后自动将选中的文字翻译成英文。
2、在鼠标停留位置展示翻译的结果
3、结果展示后,点击鼠标左键或者等待 3s 后,自动关闭翻译结果
# 注意
- 无需使用图标
- 使用V3版本的manifest.json
- 请注意中文的格式编码问题
展示结果如下:
❤️常驻小尾巴❤️
加微 1060687688,备注「公众号」,送你一份「AI工具大全与变现指南」