首页 > 解决方案 > Chrome 扩展 - 如何将变量传递给新标签?

问题描述

我的后台页面将有关当前活动选项卡的数据保存到chrome.storage.local. 为了争论,让我们说它是页面标题。如果用户打开了多个选项卡,则会出现多个页面标题。

单击浏览器操作按钮时,我想使用我的内部扩展页面showthedata.html(不是外部 URL)打开一个新选项卡,该选项卡将显示为活动选项卡保存的数据。

理想情况下,我想打开showthedata.html?tabID=123它然后提取相应的数据

我必须缺少一些基本的东西,但是如何showthedata.html显示与活动选项卡相关的数据?

标签: google-chrome-extension

解决方案


如果您使用扩展程序的 URI 作为新标签页的 URL,它将允许您从新标签页使用 API 的消息传递和存储系统。

创建一个新标签

chrome.tabs.create({url: "chrome-extension://<your_extension_id>/path/to/file.html"})

完成设置后,您可以通过 Chrome API 消息系统或存储系统将变量传递到新选项卡或从新选项卡请求变量(前提是您已在扩展程序的各个部分中构建了适当的功能)。

注意:无法从 Chrome 选项卡中访问 c​​hrome.tabs 命名空间它必须从您的后台脚本或弹出窗口中调用。


推荐阅读