自己动手写Chrome浏览器插件学习 建议 总结 入门进阶 教程

本文正在更新中

---

1.谷歌商店下载的插件保存在下面这个目录，我们可以去看看别人的插件是如何实现的，但是大多代码经过压缩和混淆。
C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Default\Extensions

---

2.油管上有很多教程，甚至还是个专辑，是中文世界不曾存在过的，是非常好的学习资源。

---

3.加载已解压的拓展程序，一般就是我们开发中的程序。保存之后，刷新下就能看到效果，除非你换了个插件的icon图标，这个时候你才需要重新加载。

---

4.注入js脚本到网页环境
在content.js加入如下代码，调用注入函数即完成
注意，注入的代码不确保运行时机
建议使用setTimeout延迟几秒运行

/*
    inject 本函数实现js代码注入
    js 文件名
    is_pre 是否插入在 html前面，一般来说，我们希望它早点执行（比如是渲染完毕前，我们就填是，否则放最后执	  行，爬虫一般放最后执行，因为需要等待数据加载和渲染完毕），但不确保运行时机，不同的浏览器有不同差异。
*/
function inject(js,is_pre){
    var jse = document.createElement('script'); 
    jse.src = chrome.extension.getURL(js);
    if(is_pre){
        jse.async = "true";
        //jse.async = is_async.toString();
        (document.head || document.documentElement).appendChild(jse);
    }else{
        jse.defer = "defer";
        document.getElementsByTagName("body")[0].appendChild(jse);
    }
}