当前位置: 首页 > news >正文

content_script.js、background.js和popup.js之间的通讯

  1. 1. content_script.js 和 background.js 之间的通信:
  • 使用 chrome.runtime.sendMessage 发送消息,然后在 background.js 中使用 chrome.runtime.onMessage 监听消息并作出相应处理。
  • 使用 chrome.extension.sendMessage 发送消息,然后在 background.js 中使用 chrome.extension.onMessage 监听消息并作出相应处理。
  • 使用 chrome.tabs.sendMessage 发送消息,然后在 background.js 中使用 chrome.runtime.onMessage 或 chrome.extension.onMessage 监听消息并作出相应处理。
  1. 2. content_script.js 和 popup.js 之间的通信:
  • 使用 chrome.runtime.sendMessage 发送消息,然后在 popup.js 中使用 chrome.runtime.onMessage 监听消息并作出相应处理。
  1. 3. background.js 和 popup.js 之间的通信:
  • 使用 chrome.runtime.sendMessage 发送消息,然后在 popup.js 中使用 chrome.runtime.onMessage 监听消息并作出相应处理。

具体的通信示例代码如下所示:

在 content_script.js 中发送消息:

chrome.runtime.sendMessage({ message: "Hello from content script!" });

在 background.js 或 popup.js 中接收消息:

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {if (request.message === "Hello from content script!") {console.log("Message received: " + request.message);}
});

在 popup.js 中发送消息:

chrome.runtime.sendMessage({ message: "Hello from popup!" });

在 background.js 中接收消息:

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {if (request.message === "Hello from popup!") {console.log("Message received: " + request.message);}
});
http://www.lryc.cn/news/248120.html

相关文章:

  • python的requests请求参数带files
  • Elk:filebeat 日志收集工具和logstash
  • [设计模式] 常见的设计模式
  • 报错解决:You may need an additional loader to handle the result of these loaders.
  • 配置自动化部署Jenkins和Gitea
  • VSCODE+QEMU+WSL调试RISCV代码(SBI、kernel)
  • 二叉树(判断是否为对称二叉树)
  • STM32开发学习(地址映射)
  • 证明E(X+Y) =E(X) + E(Y)
  • ClickHouse入门手册1.0
  • 10个火爆的设计素材网站推荐
  • SQL注入 - CTF常见题型
  • android keylayout键值适配
  • python读取excel自动化生成sql建表语句和java实体类字段
  • Unity求向量A在平面L上的投影向量
  • 人机交互2——任务型多轮对话的控制和生成
  • 【数据结构】八大排序 (三)
  • Redis 命令处理过程
  • python爬虫进阶教程之如何正确的使用cookie
  • 【hacker送书第4期】推荐4本Java必读书籍(各送一本)
  • [密码学]DES
  • 15个超级实用的Python操作,肯定有你意想不到的!
  • GitHub上8个强烈推荐的 Python 项目
  • 什么是依赖倒置原则
  • 异常数据检测 | Python实现oneclassSVM模型异常数据检测
  • using meta-SQL 使用元SQL (3)
  • Spinnaker 基于 docker registry 触发部署
  • 2023亚马逊云科技re:Invent,在开发者板块探究如何利用技术重塑业务
  • JAVA 使用stream流将List中的对象某一属性创建新的List
  • Elasticsearch:ES|QL 函数及操作符