记得最初开发chrome插件大概是三年前,在恒腾的时候，需求基本上都是各种react+antd的后台表单，类似这样的
后来写多了，感觉重复枯燥，于是想根据后端的接口文档，分享并且映射出对应的jsx代码，于是就有了这个
chrome代码生成插件，主要是方便抓取页面元素而已，其实puppeteer也可以实现，感觉做起来比较麻烦而已。于是对chrome插件开发也比较熟悉。
最近入职BIGO公司，发现这边的发布特别繁杂，可以用Chrome写一个按键精灵插件实现，代替人工点击。
一开始，本来想着写死一个发脚本逻辑，只用来做发布用的。后来想法越来越多，变成一个通用的按键精灵了。目前为止我已经写了大概 7，8个脚本了 如下：
遇到几个难点：
1.设计思路
1. 面向对象：前端开发者 插件的实现本质上就是js操作DOM，这些操作逻辑都需要前端人员开发的，但是使用脚本就不需要。
2. 网页的脚本通常都需要跨页面进行的，所以跨页面通讯很重要。
3. 项目可能越来越多，需要做到多项目切换维护。
2.脚本注入
依赖 API：chrome.tabs.executeScript，允许注入字符串，也允许注入js文件
由于页面有可能会刷新，所以注入的时机用这个API判断：
chrome.webNavigation.onCompleted 检测到页面加载完成，则注入对应的脚步。
由于脚步有可能运行在setTimeout上，注意使用闭包函数实现代码隔离。
3.编辑器
由于浏览器默认的texture非常难用，主要体现在无法使用tab键，不会自动换行格式化。直接在上面编写代码是在难受，于是网上找了一下相关的代码编辑器，比如 jsrun，jsFiddle，jsBin等等，都不十分完美，只要是无法嵌入到chrome脚本的页面中。
于是只能找那种有源码安装的，终于被我找到了：Ace 代码编辑器（https://ace.c9.io/） 非常辛苦的兼容到chrome插件里了
看着这个chrome 插件的脚步逐步增多，能提高团队成员的开发效率，感觉还是很棒棒的。
由于部分涉及公司业务 代码暂时不开源