【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() 来监听并返回结果

相关推荐
无奈何杨5 分钟前
CoolGuard风控中新增移动距离和移动速度指标
前端·后端
恋猫de小郭13 分钟前
Google I/O Extended :2025 Flutter 的现状与未来
android·前端·flutter
江城开朗的豌豆16 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
程序员爱钓鱼26 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子28 分钟前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆29 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了29 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆34 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆35 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆36 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js