【chrome 插件】初窥

williamdsy2024-09-30 18:56

目录结构

javascript 复制代码

-----manifest.json  #配置文件
|----content.js #对应操纵浏览器页面
|----background.js #一直运行在后台，负责持久化数据, 负责与服务器交互数据
|----popup.js #自动配置到 popup.html, 有权限操纵 popup.html
|----popup.html #插件页面

其中 popup.js 插件会自动配置给 popup.html，其他的 content.js 和 background.js 需要在 manifest.json 配置。

通信

由于每个 js 文件的职责不同，权限不同，所以每个 js 文件需要通信。

他们可以通过 sendMessage() 和 onMessage() 通信。

主调者通过 sendMessage() 调用被调者中的方法，被调者通过 onMessage() 来监听并返回结果