在两个不同的选项卡之间传递数据[Chrome扩展]
在Chrome扩展中，在两个不同的选项卡之间传递数据可以通过以下几种方式实现：
- 使用Chrome扩展的消息传递机制：可以使用
chrome.runtime.sendMessage和chrome.runtime.onMessage方法来在不同的选项卡之间发送和接收消息。通过指定目标选项卡的ID或URL，可以将数据传递给目标选项卡，并在目标选项卡中监听消息以获取传递的数据。 - 使用Chrome扩展的本地存储：可以使用
chrome.storage.local或chrome.storage.syncAPI来在不同的选项卡之间共享数据。通过将数据存储在本地存储中，可以在任何选项卡中读取和写入这些数据，从而实现数据的传递和共享。 - 使用Chrome扩展的共享页面：可以创建一个共享页面（background page）作为数据传递的中介。通过在共享页面中存储数据，并在需要传递数据的选项卡中访问共享页面，可以实现选项卡之间的数据传递。
- 使用Chrome扩展的标签页通信：可以使用
chrome.tabs.sendMessage和chrome.tabs.onMessage方法来在不同的选项卡之间发送和接收消息。通过指定目标选项卡的ID或URL，可以将数据传递给目标选项卡，并在目标选项卡中监听消息以获取传递的数据。 - 使用Chrome扩展的共享存储区：可以使用
chrome.extension.getBackgroundPage()方法获取共享存储区的引用，并在不同的选项卡之间读取和写入共享存储区中的数据，从而实现数据的传递和共享。
这些方法可以根据具体的需求和场景选择使用。在实际应用中，可以根据数据的大小、传递频率、安全性要求等因素来选择合适的方法。腾讯云并没有特定的产品或服务与此相关。
相关·内容
1回答
我应该只使用IndexedDB还是同时使用IndexedDB和chrome.storage？
javascript、google-chrome-extension、indexeddb、google-chrome-storage
我在这里有点困惑。我正在制作一个chrome扩展，用户可以在其中存储数据(比如图像和公共扩展选项)。我想知道的是，存储数据的最佳方法是什么？
是否只有IndexedDB才能将扩展名选项和文件存储在那里？
或者同时使用IndexedDB和chrome存储，其中IndexedDB只存储大型文件。
谢谢
浏览 8提问于2019-11-29得票数 0
回答已采纳
1回答
Google扩展-本地存储集和
javascript、java、jquery、google-chrome
我正在为Google开发一个扩展，遇到了一些麻烦，我创建了一个options.html页面，并将它添加到manifest.json file.The页面显示中。
此外，我需要将填充的数据保存在本地存储中，我无法继续前进。
你能帮我得到执行本地存储的代码吗？
[entryt form ]
清单
{
"background": {
"scripts": [ "background.js" ]
},
"browser_action": {
"default_icon": "
浏览 0提问于2017-06-08得票数 0
回答已采纳
1回答
window.localStorage对chrome.storage.local
javascript、google-chrome-extension、local-storage、google-chrome-storage
我正在开发一个Chrome扩展程序，我需要存储一些数据，然后在某个时候得到它。我对可用的storage进行了调查，发现了以下几种：window.localStorage和chrome.storage.local。
因此，我的问题是，哪个是在Chrome扩展中使用的正确选择：
window.localStorage或chrome.storage.local
我使用browser action在IFRAME中加载一个本地HTML。所以我不使用popup.js。
浏览 1提问于2014-06-18得票数 62
回答已采纳
1回答
Chrome扩展-如何将变量传递给新选项卡？
google-chrome-extension
我的后台页面将有关当前活动选项卡的数据保存到chrome.storage.local。为了便于讨论，我们假设这是页面标题。如果用户打开了多个选项卡，则会出现多个页面标题。
当单击浏览器操作按钮时，我想打开一个带有内部扩展页面showthedata.html (而不是外部URL)的新选项卡，它将显示为活动选项卡保存的数据。
理想情况下，我希望打开showthedata.html?tabID=123，然后它将提取相应的数据
我肯定遗漏了一些基本的东西，但是showthedata.html如何显示与活动选项卡相关的数据？
浏览 0提问于2018-06-27得票数 0
1回答
Chrome扩展-日志滚动数据并发送到storage.sync
javascript、html、google-chrome、google-chrome-extension
我一直在尝试编写一个chrome扩展，跟踪所有用户在浏览器窗口上滚动并将这些数据发送到chrome.storage.sync
我没有看到任何记录在chrome.storage中的数据，也不确定这是因为我在下面包含的scroller.js脚本，还是没有正确地指向.storage。
我还没有找到解决办法，从其他答案张贴在这里，因此，任何帮助将不胜感激！
manifest.json
{
"manifest_version": 2,
"name": "Caressing the Silver Rectangle",
"description
浏览 2提问于2017-04-14得票数 0
回答已采纳
1回答
如何在chromeapp中使用unlimitedStorage？
google-chrome、google-chrome-app
我是一个初学者，正在尝试制作一个chrome应用程序。我的chrome应用程序有持久的需求，因此将使用索引数据库。此外，我希望这个应用程序有unlimitedStorage。
我正在使用
chrome.storage.sync
chrome.storage.local
来设置和获取值。
在我的清单文件中，当我使用"unlimitedStorage“时，我得到一个错误，说同步，本地是未定义的。
但是，在我的清单文件中，如果我使用"storage“，我不会得到任何错误。
有人能告诉我怎么做吗？
浏览 7提问于2016-03-10得票数 1
1回答
Chrome扩展:使用chrome.storage.sync.get获取空白对象？
javascript、google-chrome、google-chrome-extension
chrome.storage.sync.get("accounts", function (obj) {
console.log(obj);
});
不确定什么是错误的我有帐户作为关键字和一些值，但我得到了空白对象使用上述代码。
如你所见，我的本地存储中确实有一些东西：
但是为什么它是一个空白的对象呢？
我没有权限问题，但为什么它是一个空白对象？
浏览 0提问于2015-05-12得票数 0
1回答
Chrome扩展-修改消息事件的弹出页面
javascript、google-chrome-extension
嗨，我有铬扩展与内容脚本，发送消息事件到背景页，我想修改弹出消息事件背景页。背景页最初是空白的
我试过了：
chrome.extension.onMessage.addListener(function (request, sender, sendResponse) {
console.log('message received');
chrome.extension.getBackgroundPage().document.innerHTML = 'hello world';
}
但是当我点击扩展图标时，它仍然是空白的。你能帮帮我吗？我可以在控制台
浏览 0提问于2013-03-15得票数 4
回答已采纳
1回答
当用户访问某个特定的站点时，我如何在Google扩展中自动保存URL？
javascript、html、google-chrome、google-chrome-extension
我对网络编程很陌生，但在总体上不是编程。我正在尝试构建一个Google扩展，每当用户访问StackOverflow.com上的任何页面时，它都会自动保存URL。然后，我想在扩展弹出中显示URL列表。
到目前为止，我已经决定需要一个pages扩展，因为我只希望它在StackOverflow页面上处于活动状态。我了解访问选项卡和它们的URL的不同方式，但我不知道将代码放在哪里。
例如，我不确定是否需要内容脚本和/或后台脚本。对于侦听器，以及是否需要在内容脚本和事件页面或弹出脚本之间发送消息，我也非常困惑。到目前为止，这就是我所拥有的：
manifest.json
"manifest_v
浏览 1提问于2020-06-17得票数 1
回答已采纳
3回答
Chrome扩展:存储选项卡的变量，即使页面发生更改
javascript、jquery、google-chrome-extension、storage
我正在构建一个Chrome扩展。我想知道是否有一种方法可以记住选项卡的js变量，即使页面发生了变化。例如。如果我在example1.com上，并在同一选项卡上转到example2.com，我应该保留example1.com上设置的变量。我不想使用Chrome存储。
我不能使用localStorage或sessionStorage，因为chrome对不同的域有不同的存储空间。实现这一目标的方法有哪些？
浏览 3提问于2014-06-21得票数 6
2回答
如何消除chrome扩展/Firefox插件弹出的延迟？
javascript、google-chrome-extension、download、popup、firefox-addon
我正在构建一个从chrome和firefox下载大量文件的大容量扩展程序。扩展的弹出具有取消/暂停/恢复功能。当下载少量文件时，弹出效果很好。然而，当下载更多的文件时，弹出菜单需要花费很长时间才能真正弹出(或者没有任何时间)，这可能是因为扩展名变得非常繁忙，并且一次处理大量文件。有办法消除这种延误吗？
manifest.json
"default_popup": "html/popup.html"
},
popup.html
let bgPage = chrome.extension.getBackgroundPage(); //Getting th
浏览 1提问于2020-05-18得票数 0
回答已采纳
1回答
在iframe中的扩展页中未定义chrome.extension.getBackgroundPage。
javascript、google-chrome、google-chrome-extension
我正在尝试使用chrome.extension.getBackgroundPage函数访问我的扩展的背景页面。
但是，我得到以下错误：
Uncaught : chrome.extension.getBackgroundPage不是函数
我从我的bar.js文件中调用函数，该文件在我的manifest.json中被定义为一个web_accessible_resource
我该怎么做呢？
manifest.json
{
"manifest_version": 2,
"name": "XPath Helper",
"vers
浏览 0提问于2015-06-01得票数 9
回答已采纳
1回答
从Firefox外接程序中的内容和页面脚本访问主addon脚本中定义的对象
firefox、model-view-controller、google-chrome-extension、firefox-addon、marionette
我正在为Firefox做引导扩展(实际上，试图移植运行的Chrome扩展)。在Chrome中它是：
后台页面包含backgroundApp，它是Marionette.Application的一个实例，它的模块保存数据的主干模型，并进行存储和同步。
弹出页面包含popupApp，这是Marionette.Application的另一个实例，它的模块负责UI，其中定义了视图和路由器。要获取数据，弹出窗口使用对通过backgroundApp访问的chrome.extension.getBackgroundPage()的引用。
现在，我很难找到如何在Firefox中将模型传递给弹出面板
浏览 1提问于2015-06-13得票数 1
回答已采纳
1回答
将chrome.storage中的值集从选项页发送到内容脚本
javascript、google-chrome、google-chrome-extension、storage
在较高级别上，我希望用户切换页面的背景色。我需要用户通过点击选项页面上的按钮来做到这一点。我希望背景色立即生效。
在较低的级别上，我理解我需要从options页面向内容脚本发送一条消息，并将设置读写到chrome.storage。但是，我尝试过的任何消息传递都不起作用。
我读过，为了从options页面获取到内容脚本的消息，我需要后台脚本充当中介。我也不能让它起作用。
为了使我的示例更清楚，我从下面的所有示例文件中删除了所有消息传递代码。
manifest.json
{
"manifest_version": 2,
"name": "Change
浏览 1提问于2017-01-25得票数 2
回答已采纳
1回答
是否有可能通过Chrome扩展来操作远程计算机的cookie？
javascript、google-chrome、cookies、google-chrome-extension
一些背景信息：
我已经实现了一个运行中的Chrome扩展，可以在浏览器中操作cookie，这与没有什么不同。基本功能包括添加、删除、编辑、导入和导出cookie。
问题：
目前，导入和导出cookie使用的是必须四处发送的JSON平面文件，因此为了增加方便，我想知道是否可以通过我的扩展名将本地计算机上的cookie直接导入远程计算机。基本上，我想‘推和设置’饼干从一台电脑到另一台。为了简单起见，两者都被登录到同一个Google帐户中。当然，需要有一种方法来识别和验证远程计算机，因此我正在考虑可能使用任何可用的身份验证API。
既然这个想法仍处于起步阶段，我想问一问，这在技术上是否可行？是否对C
浏览 0提问于2016-07-19得票数 2
2回答
如何在chrome扩展中创建动态选项页
javascript、html、google-chrome、google-chrome-extension
我想要创建一个具有动态创建选项的选项页面。
我正在使用我的内容脚本从网页的源中提取一些数据，我希望这些数据显示在选项页面中。如何将数据发送到“选项”页面？
我在内容脚本中使用了localStorage，但在options页面中无法访问。
如果在“选项”页面中创建localStorage，则可以在后台页和内容脚本中访问。但是，如果我在内容脚本中创建它，则在options页面中无法访问它。
我该怎么做？
浏览 2提问于2011-11-17得票数 0
回答已采纳
2回答
在Chrome扩展内容脚本中共享内存对象？
javascript、google-chrome、google-chrome-extension、google-chrome-devtools
我是JavaScript和Chrome开发的新手，我正在尝试创建一个在某些网页中注入内容/CSS的扩展。很简单，但要做到这一点，就需要查看本地存储中的大量数据。根据我到目前为止所读到的，正确的方法是：
每次访问页面时，直接从内容脚本读取所需的数据(JSON序列化)，或
在扩展后台页面中维护状态，并使用消息传递将所需的数据(也是JSON序列化的)传输到内容脚本环境。
但是，这两种方法中的任何一种都是极其低效的，因为在每次加载页面时都会不必要地序列化和反序列化大量数据。
所以，我想知道：
是否有可能在Chrome中维护一个共享内存缓存，所有选项卡中注入的内容脚本都可以访问它？
浏览 7提问于2014-08-22得票数 3
1回答
有没有办法在卸载和重装扩展时保持chrome扩展的storage.sync数据？
google-chrome
我正在编写一个chrome扩展，将两个独立站点中的数据链接在一起。该扩展使用chrome.storage.sync将密钥对存储到每个站点中的数据。即使得用户可以点击以在所链接的页面之间直接导航。 问题是，如果我卸载并重新安装这个扩展，所有的数据都会被删除，并且我会丢失所有的链接。我不想涉及另一个服务器存储数据(以及所有令人头疼的问题，用户帐户，登录，GPDR等)，我只想存储在chrome同步存储中的一切。 有没有一种方法可以使chrome.storage.sync数据更持久？
浏览 22提问于2020-04-27得票数 1
1回答
Chrome扩展内容脚本访问扩展框架
javascript、html、google-chrome、google-chrome-extension、content-script
我正在寻找一种从原始弹出页面(从内容脚本中)发送数据(或直接编辑) DOM/HTML的方法。我的脚本是使用以下行启动的：
chrome.tabs.executeScript(null, {file: "script.js"});
我正在寻找一种访问原始弹出的HTML的方法，这样我就可以动态地编写和更新script.js正在做什么的日志。
如果你需要更多的信息，我将非常乐意编辑这篇文章。
非常感谢你的帮助！
浏览 8提问于2016-03-04得票数 2
回答已采纳
1回答
如何检查chrome.storage数组中的唯一值
javascript、arrays、google-chrome-extension、chrome-extension-manifest-v3
我真的很纠结:我想要做的是创建一个存储在chrome.sync中的数组，其中包含用户访问的唯一页面的网址。将url添加到数组中可以很好地工作--我正在挣扎的是如何检查该url是否已经存在于数组中。这就是我目前的情况：
function getURL(array) {
chrome.tabs.query({active: true, lastFocusedWindow: true, currentWindow: true}, tabs => {
let tabUrl = tabs[0].url;
addArr(tabUrl, array);
浏览 7提问于2022-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
