Jialye

2020-03-18

Chrome扩展程序开发笔记-扩展与web页面的通信

Chrome插件开发全攻略:github上star挺多的一个repo,开发前可先过一下。搜索到的资料可以作为参考,实际开发应以官方最新文档为准。其他JavaScript、HTML、CSS文件:根据功能和个人喜好,进行增减以及结构调整。开发扩展程序与WEB开发类似,主要应用的技术为JavaScript、HTML、CSS等,再根据功能,调用chrome提供的各类API。开发时为防止后续功能繁多,我使用了Vue-Cli初始化项目,并使用插件vue-cli-plugin-chrome-ext. 在matches字段中,注明需要通信的web网站清单。matches数组的每一项为URL字符串。且URL值必须要包含到二级域名级别。事件被触发的阶段,可以用来增、删、改HTTP请求的headers。也可以在这个事件中取消请求。如有其它的开发技巧,还请看到这篇文章的你赐教哇~