想了很久不知道咋写这个过程,入门文档很多,入手了后会发现也就那样很简单,不管你用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