将数据从background.js发送到popup.html

2024-03-23

In my background.js,当加载期间 URL 匹配时,它会加载 ajax。例如,它是 google.com,它会触发 ajax 并收到一些数据。但如何将这些数据发送到我的 popup.html 呢?

I tried chrome.runtime.sendMessage但我不明白。参数发送到哪个文件?

我很困惑。


当您通过发送数据时chrome.runtime.sendMessage,您将能够通过收听来在弹出窗口中获取它onMessage events.

当你像这样从background.js发送消息时,

chrome.runtime.sendMessage({msg: 'hello there'});

你可以在 popup.html 加载的 js 文件中获取它:

chrome.extension.onMessage.addListener(function(message, messageSender, sendResponse) {
    // message is the message you sent, probably an object
    // messageSender is an object that contains info about the context that sent the message
    // sendResponse is a function to run when you have a response
});

See here https://developer.chrome.com/extensions/runtime#method-sendMessage and here https://developer.chrome.com/extensions/runtime#event-onMessage

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将数据从background.js发送到popup.html 的相关文章

  • 使用 React js 和 Express API 服务器通过 fetch 发布对象

    我在 fetch 中的 post 方法遇到麻烦 因为我的服务器从客户端接收到一个空对象 我已经检查了客户端 但无法发送我想要发送的值 这是我的服务器 const express require express const app expre
  • 使用正则表达式验证字符串是否安全

    我有一个网站 用户可以在其中选择用户名 目前 他们可以输入几乎任何字符 包括 ETC 我知道我可以使用正则表达式 这可能就是我的选择 我将使用否定集 我认为这是正确的工具 如下所示 那么 我怎样才能知道要放入该集合中的所有非法字符呢 我可以
  • 在 Cypress 中提取部分文本

    我是 Cypress 的新手 我需要从我的应用程序中提取文本的动态部分 div Hello World greeting number 9123 div 在此示例中 我需要从 div 中提取 9123 以便稍后在测试中使用 知道我应该怎么做
  • PHP 中的 JS charCodeAt 等效项(具有完整的 unicode 和 emoji 兼容性)

    我在 JS 中有一个简单的代码 如果涉及特殊字符 我无法在 PHP 中复制它 这是 JS 代码 参见JSFiddle https jsfiddle net h8oca3qg 5 用于输出 var str t char t and speci
  • 在移动浏览器或 PhoneGap 应用程序之间进行检测

    是否可以使用 JavaScript 检测用户是否通过浏览器或应用程序进行访问 我正在通过网页和 PhoneGap 应用程序开发适用于多个移动操作系统的混合应用程序 目标是 独立于部署目标使用相同的代码 仅当用户代理是应用程序时添加 Phon
  • 为什么我必须将所有脚本放入 jquery mobile 中的index.html

    我在我的phonegap jquerymobile 项目中使用 mobile changepage 进行重定向 然而让我困惑的是我需要将所有页面的脚本放在同一个文件index html中 如果不是 则重定向页面无法执行其标头中的函数 例如
  • 在函数调用时加载外部 Javascript

    我想知道如何从函数将外部 Javascript 加载到我的文档中 这是一种方法 function loadDaFun var script document createElement script script src path to y
  • 如何使用 Javascript 将 HTML 表单数据输出到 XML 文件?

    我目前正在尝试弄清楚如何将 HTML 表单数据输出到 XML 文件 这是我过去几天一直在研究的一个想法 目的是创建一个用于 Windows 7 安装的 autounattended xml 文件 目前我的 HTML 如下
  • 尽管我正在更改状态,但 React ui 没有更新

    import React useState from react const App gt const anecdotes If it hurts do it more often Adding manpower to a late sof
  • JavaScript 中的 ParseFloat 函数

    当我添加两个文本框值时1 001 and 0 001然后我做了一个parseFloat I get 1 0019999999 我要它1 002 你能帮助我吗 JavaScriptNumber http www w3schools com j
  • 如何在D3节点中放置图像?

    到目前为止 我已经创建了这些 D3 节点 用于创建可折叠的层次树 到目前为止 这些节点的颜色为 AA1C1C 深红色 以表明如果您单击它们 它们将扩展到更多节点 我想要做的是在节点中使用图像中的位置 这对于所有用户来说都是一个加号 以知道它
  • 单击元素外部时触发事件的指令

    我知道有很多问题都在问类似的事情 但没有人真正解决我的问题 我正在尝试构建一个指令 当鼠标单击当前元素外部时 该指令将执行表达式 为什么我需要这个功能 我正在构建一个应用程序 在这个应用程序中 有 3 个下拉菜单 5 个下拉列表 如选择的
  • 添加数组的总和。显示1个输出

    更新 这个问题的答案如下 感谢在不同线程上进行的 dougtesting 将数组相加 显示总和 https stackoverflow com questions 45724641 add array together display su
  • 如何在 jQgrid 中隐藏列但在添加/编辑面板中显示此列

    我想要一种我使用的控制形式 但字段数量太高了 如何显示网格 但只有表单添加 编辑弹出面板中的某些字段显示所有字段 以下是您可以执行此操作的方法 colModel name email label E mail editable true h
  • 使用 System.js 导入 Typescript 编译的模块时出错

    我最近正在学习使用 system js 导入由 Typescript 编译的模块 这些模块之前是为 require js 编译的 并且工作正常 但是合并到system js时 应用时无法导入模块系统生产 js 控制台说 Uncaught i
  • 输入号码时自动格式化 SSN

    我有一个文本字段 用户输入 SSN 号码 输入自身时 它应该格式化 就像关于文本字段的更改 它应该格式化999 999 999以这种方式在显示器本身上 kottenator 的脚本几乎已经完成 但它每隔 3 位数字就中断该值 而不是 3 位
  • EaselJS Alpha 遮罩滤镜

    我对 Canvas 还很陌生 我一直在尝试将图像颠倒过来EaselJS Alpha 蒙版 http www createjs com demos easeljs alphamaskreveal示例 以便初始图像清晰 并且您可以paint是模
  • 掩码输入数字 - 百分比

    如何通过 jQuery 创建具有百分比的数字掩码输入 我是否让输入仅接受三个数字 并在用户完成输入时在数字后添加百分号 keyup 我不使用插件 例子 1 Or 30 Or 99 Or 100 Or 200
  • 如何控制谷歌地图标记的不透明度

    我需要根据时间使一些标记半透明 有什么方法可以控制标记的 CSS 不透明度吗 或者是否可以可靠地找出标记的 DOM 元素 我使用 Google 地图 API v3 标记的不透明度可以设置为marker setOptions opacity
  • javascript初学者:在javascript中添加动态样式? [复制]

    这个问题在这里已经有答案了 可能的重复 如何使用 Javascript 创建 标签 https stackoverflow com questions 524696 how to create a style tag with javasc

随机推荐

  • WIX 服务安装程序会覆盖服务安装程序设置

    我正在开发一项稍后由 WIX 安装程序部署的服务 这是服务安装程序类 this ServiceInstaller DisplayName My Service this ServiceInstaller ServiceName MyServ
  • GridView 取一行

    NET 4 和 C 我有一个 GridView 我想在代码中处于编辑模式时取一行并找到一个控件 这是我的代码 但不起作用 它只需要 GridView 的第一行 有任何想法吗 protected void uxManageSlotsDispl
  • 如何在按下 ALT 键时使 WPF 菜单栏可见?

    今天 我的 WPF 用户界面受到了一些新的限制 这些限制应该会消除菜单栏的永久可见性 我想到模仿 Windows Live Messenger 的用户界面 仅当按下 ALT 键时 该应用程序才会显示菜单栏 当菜单栏上的焦点丢失时 它会再次隐
  • Tensorflow 对象检测 API - 超参数调整和网格搜索

    我目前正在使用 Tensorflow 对象检测 API 并且想要微调预训练的模型 因此 需要进行超参数调整 API 是否已经提供某种超参数调整 如网格搜索 如果没有可用的东西 我如何实现简单的网格搜索来调整 最相关的 超参数 此外 API
  • 强制下载 tar 存档的标头

    我的服务器上有一个 tar 存档 必须可以通过 php 下载 这是我使用过的代码 content file get contents tar header Content Type application force download he
  • 如何在JS中引用当前对象的属性[重复]

    这个问题在这里已经有答案了 可能的重复 对象文字声明中的自引用 https stackoverflow com questions 4616202 self references in object literal declarations
  • Swift 扩展“未找到方法定义”

    我正在为 ObjC 类编写 Swift 扩展 虽然我的代码编译并运行完美 我收到一堆 Xcode 警告 每个 Swift 方法一个 Method definition for foo method not found Method defi
  • Xamarin.Forms 将 Button ImageSource 设置为 ffimageloading Svg 嵌入资源

    我想放一个svg嵌入图像为ImageSource for a Button在 Xamarin Forms 中 类似这样
  • ios 5 当 UIImagePickerController 选择 3gp 文件时“操作无法完成”,并且整个 UI 冻结?

    普通视频文件 选择 压缩视频 输入imagePickerController didFinishPickingMediaWithInof打回来 但从 相机胶卷 中选取一个3gp文件 出现 操作无法完成 并且冻结 不响应任何输入操作 最后 我
  • 对话框打开时触发事件

    我的对话框是在div下定义的 dialogbox 当对话框打开时 我想触发一个事件 以便它警告打开 我使用的代码是 dialogbox dialog open function alert OPEN 但这似乎在打开对话框时不会触发 请帮忙
  • 如何创建仅提供静态内容的 VirtualHost

    我想在 apache 中创建一个虚拟主机 使其仅提供静态内容 如样式表 视频 图像 javascript 文本文件等 我没有考虑此虚拟主机的任何 处理 功能 创建一个VirtualHost录入如下
  • 在 php 中使用自动加载并搜索类文件会影响性能吗?

    我一直在努力解决如何最好地将类包含到我的 php 代码中 路径通常是一个问题 但几分钟前我发现这个问题 https stackoverflow com questions 4369 how to include php files that
  • Solrcloud 多核配置

    我有一个独立的Solr具有 4 个不同内核的实例使用嵌入式 Jetty 服务器运行良好 我为 v4 10 3 配置了核心 但自从我迁移到 v5 1 后 一切似乎都工作正常 无需任何更改 在投入生产之前 我需要将其设置为Solrcloud 安
  • 使用 C++ Boost 库有哪些优点? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 滚动视图内的 ExpandableListView

    在我的应用程序中 我想创建一个具有 ExpandableListView 和其下方的 CheckBox 的页面 我的问题是我的 ExpandableListView 太大 导致 CheckBox 超出页面范围 在较小的屏幕上根本不可见 我尝
  • 如何使用命令提示符或 Power shell 为多个文件夹中的多个文件创建符号链接?

    我有两个主文件夹 它们在不同的驱动器中有很多子文件夹 必须为第二个文件夹中的所有文件创建到第一个文件夹的符号链接 C folderC gt tree f C folder1 file1 txt file3 txt folder2 file1
  • Angular 7选择下拉对象在未触摸时为空

    在我的应用程序中 ngOnInit 加载货币 类别和制造商 我为此使用 Angular 7 反应形式 数据按预期加载 下拉列表中填充了值以及选择的第一个选项并向用户显示 所以 这就是问题所在 完成表单并单击提交 使用默认下拉值 后 我看到一
  • 重定向到另一台服务器 - ASP MVC

    有人知道如何使用 ASP NET MVC 重定向到另一个服务器 解决方案吗 像这样的东西 public void Redir String param Redirect to another application ie Redirect
  • DELETE 语句与 REFERENCE 冲突

    我有一个 table Project 其中包含 CustomerID 链接到 tbl Customer 在 tbl Customer 中 我有 Customer ID 作为键 和一些其他信息 如电话 电子邮件等 要从 Gridview 中删
  • 将数据从background.js发送到popup.html

    In my background js 当加载期间 URL 匹配时 它会加载 ajax 例如 它是 google com 它会触发 ajax 并收到一些数据 但如何将这些数据发送到我的 popup html 呢 I tried chrome