今天高铁什么的奔波一天，大晚上的还是打算写一篇小小的干货教程，希望能对新手入门的小伙伴有一点思路启发。

马上0点，时间紧张直接开始。

昨天我们的跨境电商卖家客户找我们问了个问题，亚马逊礼品卡（类似于国内的天猫猫卡，京东东卡一样）以前购买了，都会发到邮箱展示一个兑换码，但是从昨天开始，购买后没有兑换码了，只有一个充值到自己亚马逊账户的按钮，于是找客户要了前后两次不同的购买亚马逊礼品卡的邮件，发现确实如此变化了，如下图所示：

于是我点击了那个“Apply to your Amazon Account”按钮，我看到如下界面（需要亚马逊买家账号登录才能看到如下界面）。

通过F12查看页面代码，我们可以轻易定位到当前页面是一个表单，其中有个参数就是兑换码，只是它因为type属性为hidden所以页面上看不到，我帮助卖家客户拿到了这个兑换码，但是他后续还有需求，不可能每次我们帮助他，于是这里简单的想法是做一个插件，让兑换码自动显示出来（有很多种解决办法，这里只是用插件来）。

于是我给AI说了这一段话，它就帮我直接开发了一个解决这个需求的插件了，不到3秒钟就搞定了，下图截图部分，AI详情回复可以查看这个链接：https://chat.openai.com/share/151f7fab-b998-4c25-98af-19531abd9303

这里只是我第一次先说的话，其实还可以跟它继续对话优化，比如它默认给出的代码是谷歌插件V2规范的代码，实际上现在是要V3，可以强调一下，当然这第一次生成的代码我们本地就能用，我这里仅做个普通展示入门，不做深入研究。

我按照AI回复的内容，新建了一个插件文件夹，并在该文件夹下，创建了那几个文件（文件名和AI给的保持一致），并将AI写的代码复制到对应文件中，然后我再去iconfront.cn这个网站简单下载了插件图标，按照要求下载宽高16*16、48*48、128*128尺寸的图标，并命名为代码中要求的icon16.png、icon48.png、icon128.png，并将这三个文件按照代码中的目录结构放置在新建的images目录下，整体完成后的目录是如下图所示的：

代码和结构完全按照AI写的照办，我们后续可以自己优化，我现在仅做快捷入门展示。到此为止我们插件就开发好了，我们先本地使用看看，本地安装插件可以搜一下我很早一篇教程，这里不做赘述，后续我们优化好了可以上架谷歌插件商店（后续有空写个教程）。
我们安装好插件后，再次打开上面查看亚马逊礼品卡的页面，就会发现如下所示，自动出现兑换码在输入框了，直接就可以复制了。

OK，一个小需求就这样通过自己动手解决了，发给客户安装下就可以临时使用解决问题了。

是非常简单的，想非常详细的写一下，可惜时间不允许，0点后就错过今天的发文机会了。

有问题不理解，可以加我微信：bilang626，不过最近一周深港澳出差办事，回复可能不及时，但必回复，跨境出海，抱团取暖！