chrome插件是什么
Chrome 插件提供了与原生应用能力相同的体验,但是与网页一样安全。就像网上应用一样,Chrome 插件使用 HTML5、JavaScript 和 CSS 编写,但是 Chrome 插件从外观上与行为上都与原生应用类似,它们也具有类似于原生应用的能力,比网上应用可用的更强大。
Chrome 插件的页面总是从本地加载,这样可以使应用更少地依赖于网络。一旦用户安装了插件,他们可以完全控制应用的生命周期。应用的打开和关闭都很迅速,系统也可以在任何时候为提高性能而关闭插件。用户可以完全卸载插件。
如何开发chrome插件
chrome插件项目与普通网页一样,同样需要html、css、javascript文件。也就意味着可以使用常规的开发工具开发。所不同的是根目录需要一个manifest.json文件。相当于一个说明文件告知chrome一些基本信息。
创建manifest.json
manifest.json里字段的更多含义: developers.chrome.com/extensions/…
webpack里的额外配置:
1、修改打包结果的文件名
2、使用copy-webpack-plugin插件
contentScripts文件
插件不能直接操作网页内容,但是可以通过向页面注入js文件,进行信息交互。使用runtime.sendMessage、tabs.sendMessage等api。 而contentScripts就是我们注入到网页的js文件,内含一个事件监听,用来接收插件发来的指令,并进行相应的响应。它会在我们配置的相应生命周期里注入,当前为document_start阶段。
用来和contentScript交互的内容:
常用chrome api: developers.chrome.com/extensions/…