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

相关推荐
大厂码农老A几秒前
你打的日志,正在拖垮你的系统:从P4小白到P7专家都是怎么打日志的?
java·前端·后端
im_AMBER2 分钟前
CSS 01【基础语法学习】
前端·css·笔记·学习
DokiDoki之父5 分钟前
前端速通—CSS篇
前端·css
pixle09 分钟前
Web大屏适配终极方案:vw/vh + flex + clamp() 完美组合
前端·大屏适配·vw/vh·clamp·终极方案·web大屏
ssf198715 分钟前
前后端分离项目前端页面开发远程调试代理解决跨域问题方法
前端
@PHARAOH15 分钟前
WHAT - 前端性能指标(加载性能指标)
前端
尘世中一位迷途小书童20 分钟前
🎨 SCSS 高级用法完全指南:从入门到精通
前端·css·开源
非凡ghost25 分钟前
火狐浏览器(Firefox)tete009 Firefox 多语便携版
前端·firefox
文心快码BaiduComate25 分钟前
文心快码Comate3.5S更新,用多智能体协同做个健康管理应用
前端·人工智能·后端
袁煦丞29 分钟前
极空间变身全能私有云+1Panel傻瓜式部署:cpolar内网穿透实验室第618个成功挑战
前端·程序员·远程工作