【chrome 插件】初窥

目录结构

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

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

通信

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

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

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

相关推荐
℘团子এ1 分钟前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z7 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
前端百草阁30 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜31 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40432 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish32 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple32 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five33 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序33 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54134 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript