谷歌插件开发

想了很久不知道咋写这个过程，入门文档很多，入手了后会发现也就那样很简单，不管你用js还是react还是vue，都不难。

没啥写的，就留一个自己网上找文档搭建好的一个脚手架吧，下载安装既用：

https://github.com/veryoldwang/ggExpand

 其中最大的难点在于，你如果对一个网站进行操作，遇到了以下的几个问题：

1、没有api的情况下怎么去获取数据（如果页面有展示，只能从页面的dom节点来获取，注意dom节点的加载时机和是否是唯一值）

2、插件的几个页面（谷歌插件分了三个部分，每个部分之间的通信方式是不一样的）之间是怎么通信的

3、插入的dom节点，插入时机，页面跳转或者是加载其他元素后怎么保持样式不变形，怎么保持数据的展示是正确的

4、怎么避免浏览器各种限制（同源，安全限制等），比如图片类型的需要转base64进行展示，视频类型的一直没有找到合适的方式加载，后面改用打开新页面

 

参考文章：

https://www.cnblogs.com/champagne/p/4848520.html

https://juejin.cn/post/6844903865758793742

https://www.bookstack.cn/read/chrome-plugin-develop/spilt.2.8bdb1aac68bbdc44.md

https://blog.csdn.net/qq_22627687/article/details/107835099