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

相关推荐
paopaokaka_luck10 分钟前
基于springboot3+vue3的车间生产管理系统(Echarts图形化分析、BI报表)
java·前端·spring boot·学习·echarts
程序员鱼皮15 分钟前
3 大 DeepSeek Harness 进阶玩法,招多个大肥鱼帮我干活!
前端·后端·ai编程
KoPa19 分钟前
HeySmart:大模型开源网关基座-请求生命周期与钩子引擎
前端·后端
悟空瞎说27 分钟前
# Dispatch(GCD)苹果官方文档 白话文讲解(Objective‑C 版本文档)
javascript
七牛开发者39 分钟前
Coding Agent 如何跑稳长任务?从上下文管理到运行时状态
前端·javascript·后端
半个落月1 小时前
从 CSR 到 Server Component:吃透 Next.js 16 App Router 路由、布局与 SEO
前端·next.js
七牛开发者1 小时前
拆解 DeepSeek Harness:Profile 与 Bundle 如何装配运行时
前端·javascript·后端
葡萄城技术团队1 小时前
表格智能体系列 · 1:一句话怎么变成一次表格操作
前端
梦曦i1 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
deli0070072 小时前
Markdown 实时预览器:左边写右边看,排版效率翻倍
前端·ai编程