chrome浏览器插件开发
发布于 3 个月前 作者 qjzd 352 次浏览 来自 码农

谷歌文档中文翻译(360极速浏览器插件开发文档)

http://open.chrome.360.cn/extension_dev/overview.html

谷歌官方文档

https://developer.chrome.com/extensions/getstarted

其他

如何从零开始写一个 Chrome 扩展? https://www.zhihu.com/question/20179805

4 回复

用 Vue 开发自己的 Chrome 扩展程序

https://segmentfault.com/a/1190000019436268

开发路径

chrome-extension://<插件ID>/插件入口html文件

chrome-extension://fnfchnalfnjbjbfeccpophocngdgapad/index.html
background.js, content_script.js, popup.js文件的创建是根据实际情况的

需要和网页交互的, 比如要获取或者更改当前DOM里面的元素,就需要创建content_script.js
需要在插件里面显示内容, 需要创建popup.HTML和popup.js两个文件,
需要做数据的保存的话可以创建background.js

https://www.jianshu.com/p/5f02ae34c337

消息通讯

https://www.jianshu.com/p/5f02ae34c337 popup.js

chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
       // 这里也可以知道当前标签页的URL      tabs[0].url
       chrome.tabs.sendMessage(tabs[0].id, { message: 'begin' }, function(response) {
         console.log('aadcvcc')
         console.log(response)
       });
     });

content_scripts.js

chrome.runtime.onMessage.addListener(function(request, sender, sendRequest) {
 console.log('aaaacc', request, sender)
 // request 你收到的内容,
 // sender 可以获取到你的tab的url
 // sendRequest 收到消息后回调发送消息的人   也就是上面response得到东西
 sendRequest('aaaccsddd')
}); 
回到顶部