全栈笔记_浏览器扩展篇（插件通信 - 内容脚本与后台脚本通信）

已于 2024-02-23 22:00:07 修改
阅读量983 收藏
点赞数 32
分类专栏： 全栈笔记 文章标签： 笔记 javascript chrome
于 2024-02-17 15:54:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jupiterzw/article/details/136139018
版权
全栈笔记 专栏收录该内容
17 篇文章 8 订阅 ¥9.90 ¥99.00
订阅专栏
这篇笔记详细介绍了浏览器扩展中内容脚本与后台脚本之间的通信方式，包括一次性消息传递和多次连接的实现，以及它们在自动触发DOM元素点击和接口数据保存等应用场景中的使用。
摘要由CSDN通过智能技术生成

区别

  1. 后台脚本：在后台运行，并在用户与浏览器交互时侦听触发器(例如在选项卡上侦听单击事件)
  2. 内容脚本：与网页交互(主要是DOM元素)

通信方式

  1. 一次性消息

    • 内容脚本发送消息给后台脚本：
了解本专栏 订阅专栏 解锁全文
weiweivita
关注
  • 32
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
有道云笔记网页插件----浏览器
03-30
有道云笔记网页插件----浏览器
AD信号的最佳接收习题及答案_通信原理-教程与笔记习题
05-20
AD信号的最佳接收习题及答案_通信原理
浏览器插件开发-通信
mjzhang1993的博客
12-06 1352
浏览器插件开发-通信 调研资料 manifest.json 官方文档 Chrome Extension API 360浏览器的插件文档 中文, 虽然内核差不多但是不一定与 Chrome api 一致, 可以作为参考 Chrome 官方案例库 案例 如何实现网页和Chrome插件之间的通信 消息传递 说明 插件开发中，一般会分为四个区域 page 浏览器标签页，也是我们的产品页面 cont...
chrome extension 普通网页与插件直接通信
王森的博客
11-13 2965
与类似，您的扩展可以接收和响应来自常规网页的消息。要使用此功能，您必须首先在 manifest.json 中指定要与哪些网站进行通信。这会将消息传递 API 公开给与您指定的 URL 模式匹配的任何页面。URL 模式必须至少包含一个- 即，禁止使用“*”、“*.com”、“*.co.uk”和“*.appspot.com”等主机名模式。在网页中，使用或API 将消息发送到特定应用程序或扩展程序。或API收听来自网页的消息，类似于。只有网页可以发起连接。
谷歌浏览器的同步与Tampermonkey脚本的恢复
JavaScript
06-04 9797
在经历了《压垮硬盘的最后一次备份》的灾难后，电脑上的一切都要恢复和重建。上网是工作和娱乐须臾不可离的，浏览器也就成了使用频率最高的软件。在硬盘还未恢复之前，我最先下载和安装的软件大概就是谷歌浏览器Chrome。没有扩展、书签和历史的Chrome看上去那么陌生。就在我有些沮丧时，浏览器右上角的同步提示引起了我的注意。平时并未留意Chrome的同步功能，据它的提示，设置、扩展、书签和历史竟然都可以同步...
【教程向】从零开始创建浏览器插件（三）解决 Chrome 扩展中弹出页面、背景脚本、内容脚本之间通信的问题
九日的博客
05-10 771
数据共享难题：它们各自拥有不同的执行环境，无法直接访问彼此的 JavaScript 变量或对象。事件监听问题：弹出页面关闭后，其事件监听器会被卸载，无法保持持久监听状态。权限隔离：内容脚本与弹出页面的权限各自独立，内容脚本无法直接访问弹出页面的 DOM 元素，反之亦然。由于 Chrome 扩展的不同脚本运行环境是相互独立的，所以开发者在设计扩展时需要使用不同的通信机制来确保数据共享和功能协同。消息传递数据持久化标签控制与代码注入。
浏览器插件开发-常用API
mjzhang1993的博客
12-06 1万+
浏览器插件开发-常用API 调研资料 manifest.json 官方文档 Chrome Extension API 360浏览器的插件文档 中文, 虽然内核差不多但是不一定与 Chrome api 一致, 可以作为参考 Chrome 官方案例库 案例 如何实现网页和Chrome插件之间的通信 消息传递 常用 API 1. chrome.runtime 管理 background 返回关于清...
老男孩python全栈开发学习笔记.zip_Python全栈_harborkyi_python 全栈开发_全栈_老男孩 pyth
09-23
《老男孩Python全栈开发学习笔记》是一部针对Python开发者进阶至全栈开发的重要学习资料。这份压缩包包含了作者harborkyi对于Python全栈开发的深入理解和实践总结，尤其适合那些希望提升自身技能，从单一领域跨越到...
BA章数字调制系统习题及答案_通信原理-教程与笔记习题
05-14
BA章数字调制系统习题及答案_通信原理
51单片机串行通信-教程与笔记习题
05-20
51单片机串行通信的设计
编写chrome插件，调用本地应用程序，并进行通讯（发送信息给应用程序）
热门推荐
ToTem's BLOG
09-27 1万+
编写chrome插件，调用本地应用程序，并进行通讯（发送信息给应用程序）
Chrome插件:浏览器后台与页面间通信
weixin_35771144的博客
05-18 1242
content.js 与 background.js和popup.js 通信和background.js与popup.js 这些通信都用 chrome.runtime.sendMessage 这个方法 background.js和popup.js 与 content.js通信 都用chrome.tabs.sendMessage 方法...
Unity EmbeddedBrowser浏览器插件事件通讯
qq_31042143的博客
07-01 1345
如果我们要自定义输入，如远程控制，通过远程主机发送控制坐标和鼠标按键通讯，驱动非用户硬件输入，通常做法是引入Windows DLL，通过模拟鼠标可以达到要求
哈希原理(笔记)
最新发布
m0_62024160的博客
08-17 993
尤其应该注意Hash function的设计，它是一个难点，Hash funtion设计好坏直接关乎哈希表查询速度的快慢。考虑到哈希碰撞(涉及到对链表的操作)，所以最坏的时间复杂度都是O(n)。早期的md5被破解也是因为人们搞清楚了它的加密方法 f(1) )大多利用单向散列函数函数。(简称为f(2) )计算查询哈希碰撞确认某个哈希值的存在，但是无法通过 f(2)逆推出明文(因为 f(2)只是验证方法，而非解密方法)。(本图来源：wiki)这个签名是由文件的散列值通过发布者的私钥加密生成的。
经验笔记：URI、URL、URN与URC之间的区别
qq_45831414的博客
08-14 628
URI是一种通用的标识符，可以指代任何类型的资源。URL是一种特定类型的URI，它不仅标识资源，还提供了访问该资源的方法。URN是一种用于唯一命名资源的特殊URI类型。URC是一个概念性的术语，用于描述如何构建或创建资源的过程。通过理解这些概念的区别，我们可以更加清晰地识别和使用互联网资源的标识方式。在日常工作中，我们最常遇到的是URL，因为它们是我们访问网页和其他在线资源的基础；而URN则在需要持久引用资源的情况下使用。
C++_基本语法笔记_模板
qq_45629864的博客
08-14 433
思想是Java里的泛型（不确定用什么类型的数据）这里template这一句，意思是声明T是泛型，后面写用到泛型T的函数。建议都用应用场景：不同数据类型的交换函数。
【OCR 学习笔记】二值化——全局阈值方法
TeamLee的博客
08-14 869
该文介绍了图像二值化操作中的全局阈值方法，包括固定阈值方法和Otsu算法（最大类间方差法）。
EmguCV学习笔记 VB.Net 2.S 特别示例
UruseiBest 的技术专栏
08-17 874
将文字图像生成0和255的二值化图像，使文字部分为黑色（根据实际情况需要考虑反色），然后将文字图像和纹理图像直接相加，文字图像黑色（值为0）的部分相加后为纹理图像的颜色，文字图像白色（值为255）的部分相加后保持白色（255）。8、将加密图像1（mEncPart）和黑色图像2（mnoEncPart）进行直接相加，去除黑色部分，生成背景不加密+区域加密的最终图像（mResult）。4、加密图像（mEnc）和随机值图像（mKey）进行Xor操作，将加密图像解密，生成解密图像（mDec）。
C++学习笔记----3、设计专业的C++程序（四）---- 重用既有代码（重用代码类型）
weixin_71738303的博客
08-16 389
在分析重用代码的优劣之前，把可重用代码进行分类，并且起个名字是非常有帮助的，工欲成其事，必先利其器，而这个器叫什么名字我们都还没有确定，恐怕很难继续进行下去吧。还有一个经常被提及的词就是应用编程接口(API)，API是一个特定目的的代码实体或库的接口。例如，程序员经常提到的套接字API，就是套接字网络库的暴露接口，而不是库本身。为了简洁起见，以后我们在使用库时指的就是任何可重用的代码，不管是真的库，框架，整个应用，或者是同事的随机函数集合。库指的是实现，而API指的是库公开的接口。程序使用适合框架的库。
数据通信与网络笔记：从模拟到数字，再到数据通信系统
"这份资料是关于江苏自考07025数据...这份笔记整理涵盖了数据通信与网络的基本理论和关键概念，对学习者理解相关知识体系具有重要价值，尤其对于准备江苏自考物联网工程专业的学生来说，是一份非常实用的学习参考资料。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值