程序猿要失业了，一行代码没写，1小时嘴搓了一个图片分割插件（好看又好用）
如题，一行代码没写，使用 AI 编程工具实现了一个浏览器图片分割插件的开发，先看效果吧（Chrome商店上架审核中~）
支持点击，拖拽，直接粘贴，还支持预览，次数统计，目前感觉自己强的一B啊！！！
话不多说，直接分享全过程（*与 cursor 的对话*），如需我生成的插件源文件，公&号：*新质程序猿*，回复：*图片分割*，即可获得下载链接。
*注：cursor 是国外的一款 AI 编程 IDE, 很强大，国内也有 豆包 MarsCode 可供使用。*
使用 cursor 打开一个空目录，直接开干（安装，注册之类的之前有一篇文章介绍过，往前翻翻就可以找到了）
请你帮我开发一个谷歌插件，用于将用户上传的图片，平均切分为4张图片，并自动下载到本地电脑上。注意使用 manifestv3 版本开发，注意按钮中文编码的问题。
请帮我添加backgroud.js文件，并添加支持的常用api示例，记得用通俗的文字解释其作用
popup页面请使用bootstrap进行重写，要能够支持拖拽上传
报错了，请解决一下：Refused to load the script ‘https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js’ because it violates the following Content Security Policy directive: “script-src ‘self’”. Note that ‘script-src-elem’ was not explicitly set, so ‘script-src’ is used as a fallback.
如何让插件支持引用外部的js文件
错误’content_security_policy.extension_pages’: Insecure CSP value “https://cdn.jsdelivr.net” in directive ‘script-src’.
使用次数和上次使用时间没有正确显示，请修改
请在现有的上传基础上再支持一下上传剪贴板中的图片，直接在页面粘贴即可完成上传
增加一个分割后的预览，让用户确认后才生成分割后的图片
分隔预览显示的是空白，请检查一下
请将popup页面在独立的window窗口中打开
让popup窗口位于浏览器的中间位置，居中显示
分割后的图片左上角帮我添加水印编号
水印使用白色半透明圆形背景，水印居中放置，只保留数字编号不需要带#号，字体大小调成32px
好了，这就搞完了，是不是非常简单~
当然，如果你是完全小白，可能还无法上身，需要一些浏览器插件的基础知识和前端开发的基础知识了解，回头录一期视频分享分享吧，记得关注公众号&视频号：新质程序猿，敬请期待。
本次的分享到此结束，希望对你有所帮助。
如果你对我分享的内容感兴趣，欢迎扫码关注公众号：新质程序猿，并设置星标，推送更实时哟！
