大部分人的工作都不可避免地会跟网页、内部系统打交道。一方面，这些网站可能并不是那么好用，系统操作繁琐。给IT提需求后，往往需要等待很长时间才能得到响应。另一方面，我们可能要在这些网站上做很多重复性的工作，这类需求，IT并不一定能帮我们解决。除此之外，我们可能还会有很多希望实现的个性化需求。
针对重复性的工作需求，过去如果我们想要解决，比较常用的做法是使用Python搭配Selenium或Playwright，或者使用影刀等RPA工具实现自动化。但这些工具都比较重，维护成本比较高，稳定性可能也不是特别好。
有了AI以后，其实我们的编程语言不必局限于Python。比如在网页自动化方面，JavaScript就是不错的选择。当我们希望实现一些个性化需求，或者解决一些重复性的操作时，就可以使用AI帮我们写网页插件，以定制化的方式提升自己的效率，实现对网页的插件化改造。
如何用Codex写网页插件
由于内部系统的信息较为敏感，这里会以豆瓣读书网站作为示例。虽然这个场景可能没有那么贴合实际工作，但读者可以由此得到启发，找到适合自己的工作场景、需求和解决方案。
写插件的第一步：找到自己的需求
你的工作中会不会经常和内部系统打交道？有没有给IT提了需求，但迟迟没有上线的功能？有没有每天重复进行、步骤十分繁琐的工作？
以上这些都是非常适合通过网页插件解决的需求，也是能够直击工作痛点、提升工作效率的场景。
场景假设：我经常浏览豆瓣读书网站，看到不错的书时，希望能够一键通过百度搜索这本书。官方没有提供这样的功能，那么我就可以在网页上增加一个按钮。
接下来我们先用Codex做一个简单的实现。
首先新建一个名为“豆瓣读书”的项目，再使用Codex打开。
我希望能够开发一个豆瓣读书的插件，帮我实现以下功能：
在豆瓣读书的详情页，我希望能够在书名右侧添加一个按钮，点击这个按钮可以使用百度搜索这本书。
以下是这个网页的链接。
https://book.douban.com/subject/38380879/?item_id=38380879&source=book_latest&event_source=book_latest
指令发送后，Codex会在当前浏览器中自行打开网页并进行调试。如果内部系统需要登录，扫码登录即可，或者它会直接复用你当前的登录状态。（请自行确认当前网站中不含敏感信息。）
4分钟后，Codex就完成了网页插件的开发，甚至还告诉了我们具体的使用方法。
安装并使用插件
在浏览器中点击“扩展程序”，再点击“管理扩展程序”。
打开“开发者模式”后，再点击“加载已解压的扩展程序”，选择Codex刚刚开发好的网页插件文件夹。
安装好之后，再打开豆瓣读书的网页，就会多出一个百度搜索按钮。点击按钮就能够正常使用百度搜索这本书。
需求升级：做一个网页插件面板
在网页中注入一个按钮，已经能够显著提升我们的工作效率。如果再给网页加上一个功能面板，解决更多需求，那么我们的工作效率可能会成倍提升。
这里让AI再制作一个读书助手面板，感受一下网页插件可能实现哪些功能。（这里具体实现什么需求并不重要，重要的是感受一下AI制作网页插件的效果。读者可以从自身的工作场景出发，进一步思考网页插件的可能性。）
我是一个豆瓣读书的资深用户，帮我再想一想，还可以实现哪些需求？最好能将这些需求整合成一个面板。
收到指令后，Codex就自行设计了实用的功能和面板，完成代码后又自行打开网页进行功能调试，确保通过验收。
一条简单的需求指令，Codex就帮我们写出了非常完善的网页插件。利用插件面板，我们可以设计更多复杂的需求，包括网页自动化功能。
网页插件相比传统自动化的优势
传统自动化的方式无外乎以下几种：
使用Python搭配Selenium或Playwright，或者通过requests实现网页自动化。
使用影刀等RPA工具实现网页自动化。
传统自动化方式的缺点：
经常需要登录，运行不稳定。
运行环境配置复杂，不利于传播分享。
运行时需要控制键盘和鼠标，往往会占用一台电脑，使用起来较重。
网页插件的优点：
使用起来轻量便捷，无需额外登录，便于分享，无需配置系统环境或安装额外软件。
可以在网站中注入功能按钮和面板，定制网页使用体验，解决自动化以外的功能难题。
总结
Codex能够解决很多问题，我认为写网页插件是一种非常有助于提升工作效率的方式。很多时候不是我们不会用AI，而是我们想不到AI能做些什么。目前我自己也使用Codex开发了很多网页插件，辅助自己提升工作效率。也希望本篇文章的思路能对各位读者有所帮助。
Codex在工作中的应用场景非常多，未来我也会持续写更多相关文章。
本账号会持续关注 AI 趋势与高效工具的最新进展，筛选真正有价值的内容持续分享。
如果你对这一方向感兴趣，欢迎点击关注，并在右上角设为星标，第一时间看到本账号的文章更新~
文章创作不易，欢迎点赞收藏和转发～