chrome.tabs.query未向content.js传递消息
chrome.tabs.query是Chrome浏览器提供的一个API，用于查询当前浏览器窗口或标签页的信息。它可以用来获取当前活动窗口或标签页的详细信息，如URL、标题、图标等。
在Chrome浏览器中，content.js是一种用于与当前页面进行交互的脚本文件。它可以通过chrome.tabs.query方法来获取当前页面的信息。
具体而言，chrome.tabs.query方法可以接受一个查询条件对象作为参数，并返回与该条件匹配的所有标签页的信息数组。查询条件对象可以包含一些属性，如active、currentWindow、url等，用于指定查询的范围和条件。
以下是一些常用的查询条件属性：
- active：指定是否只查询当前活动的标签页。
- currentWindow：指定是否只查询当前窗口的标签页。
- url：指定查询的URL匹配模式，可以是字符串或正则表达式。
使用chrome.tabs.query方法可以在content.js中向background.js或popup.js等后台脚本发送消息，以实现不同脚本之间的通信。例如，可以通过chrome.tabs.query方法获取当前标签页的URL，并将其作为消息发送给后台脚本进行处理。
对于这个问题，如果chrome.tabs.query未向content.js传递消息，可能有以下几种可能的原因：
- 代码逻辑错误：在调用chrome.tabs.query方法时，可能没有正确设置回调函数来处理查询结果。可以检查代码中是否正确处理了查询结果的回调函数。
- 权限问题：在manifest.json文件中，可能没有正确声明需要使用chrome.tabs.query方法的权限。可以检查manifest.json文件中的"permissions"字段，确保包含了"tabs"权限。
- 异步操作问题：由于chrome.tabs.query方法是异步的，可能在查询结果返回之前就尝试访问查询结果。可以通过在回调函数中处理查询结果来确保在获取查询结果后再进行后续操作。
总结起来，chrome.tabs.query是Chrome浏览器提供的一个API，用于查询当前浏览器窗口或标签页的信息。它可以在content.js中使用，并通过设置查询条件来获取当前页面的信息。如果chrome.tabs.query未向content.js传递消息，可能是由于代码逻辑错误、权限问题或异步操作问题导致的。
相关·内容
我试图在用户当前所在的网页上找到所有的图像，并在用户单击扩展时显示它们。我看了很多帖子，似乎找到了最好的方法来做到这一点:在激活popup.js脚本消息时让content.js脚本发送给它，然后让content.js脚本获取图像并将其发送回popup.js脚本。但是，我总是会得到一个错误(如下所示)。这些是相关的档案：
manifest.json
{
"manifest_version": 2,
"name": "Picture Finder",
"version": "1.0",
浏览 3提问于2016-03-22得票数 3
回答已采纳
我想使用Chrome扩展下载当前页面的DOM。我不知道为什么，但当我的下载发生时，结果只是一个文本文件的'null‘或’未定义‘，而不是DOM。我试图吸收来自和的知识，但我似乎无法将content.js的信息传递给popup.js。
此外，我不知道为什么实际工作。当我读取时，似乎需要通过选择active选项卡将消息从popup.js发送到content.js：
chrome.tabs.query({currentWindow: true, active: true}, function(tabs) {
chrome.tabs.sendMessage(tabs[0].id, {m
浏览 0提问于2014-12-15得票数 3
回答已采纳
单击扩展图标时，我正在尝试从background.js向content.js发送消息。
Background.js：
chrome.browserAction.onClicked.addListener(function(){
chrome.tabs.query({active : true, lastFocusedWindow : true}, function (tabs) {
var CurrTab = tabs[0];
chrome.tabs.sendMessage(CurrTab, 'run');
})
})
Content.js：
浏览 249提问于2020-02-05得票数 5
回答已采纳
1回答
我一直在研究异步函数调用，以及如何将变量设置为它们的值，并且遇到了很多麻烦。我希望在扩展名上创建一个带有文件content.js的消息端口。
为此，我需要接收打开的窗口的选项卡，并在chrome.tabs.connect()函数中使用它的属性chrome.tabs.connect()。这个实现无法到达任何console.log()调用，但我不太了解异步编程。有人能帮忙吗？我的问题是这两个文件没有通信，所以端口没有打开。
<script language = "Javascript">
function foo(callback){
var p
浏览 3提问于2016-12-04得票数 1
回答已采纳
我正在尝试在内容脚本中获取当前的选项卡id。但它总是失败。我不确定我做的是假的。
以下是来自另一个主题的一些解决方案，但这些解决方案在我的扩展中不起作用：
代码1- content.js
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
alert("sent from tab.id=", sender.tab.id);
});
代码2- content.js
chrome.extension.sendRequest({
action: "Wha
浏览 0提问于2018-06-26得票数 2
我正在做一个扩展，希望将消息从popup.html传递给content.js，但是下面的代码警告未定义的。请给我一个简单的脚本，将消息从popup.html发送到content.js，反之亦然，我将进一步处理它。我想通过这个扩展来访问DOM，以修改和设计网站布局。
流形
{
"manifest_version": 2,
"name": "Extension",
"description": "Description",
"version": "1.0",
"
浏览 0提问于2018-03-27得票数 2
回答已采纳
我想在chrome扩展background.js到content.js之间发送一条消息。
背景如下：
setInterval(function(){
chrome.tabs.query({active: true}, function(tabs){
chrome.tabs.sendMessage(tabs[0].id, {"message": "sample_msg"});
});
},
1000);
content.js看起来是这样的：
chrome.runtime.onMessage.addListener(function(message,
浏览 0提问于2018-07-14得票数 0
回答已采纳
我有一个扩展，它需要密切关注浏览器chrome中非常活跃的标签的URL。目前，我已经能够跟踪用户从start加载/重新加载的URL。但是，如果有选项卡更改，内容脚本不会向后台脚本发送消息，也不会返回任何内容。
事实上，我想重新加载标签上的用户更改的content.js脚本以及。
以下是我到目前为止所做的工作：
CONTENT.JS：
// Code here....
chrome.extension.sendMessage({ wants: 'URL' }, function(res) {
var urlResponse = res.url;
});
// Code her
浏览 3提问于2014-11-11得票数 1
我对javascript和chrome扩展非常陌生，对编程也很陌生。
我的manifest.json：
{
"name": "GetUp aSec",
"version": "1.0",
"description": "Be healthy, get up!",
"manifest_version": 2,
"content_scripts": [
{
"matches":
浏览 2提问于2020-09-12得票数 0
我已经阅读了有关如何从后台javascript文件(main.js)向内容脚本(content.js)发送消息的文档，但我无法让onMessage打开我的警报。
Manifest.json
{
"name": "Example",
"version": "1.0.1",
"manifest_version" : 2,
"description": "Example Description",
"background" : {
&
浏览 45提问于2014-01-16得票数 22
回答已采纳
1回答
我正在构建我的第一个chrome扩展，它通过从网页抓取urls来创建链接的播放列表。然而，我被我的消息传递功能挂住了。我在我的playlist对象中编写了一个名为' test‘的测试函数，我只是尝试将内容脚本发回的消息(通过getPageInfo函数)赋给我的对象函数中的一个变量。然而，虽然我得到了一条返回的消息，但字符串在return语句和test函数之间丢失了。这是我的背景脚本：
//BACKGROUND.JS
var Playlist = {
index: 0,
playlist: [],
test: function(info) {
var message =
浏览 0提问于2015-10-27得票数 3
我正在尝试为一个chrome扩展创建一个弹出界面。我似乎无法从popup.html/popup.js向content.js脚本发送消息。到目前为止我的情况是这样的。当我点击扩展图标时，我会得到一个按钮，上面写着点击。我点击它，什么都不会发生，没有铬javascript控制台中的错误，也没有给content.js的消息。
清单
{
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"manife
浏览 3提问于2015-04-28得票数 21
我正在实践谷歌铬扩展开发。我试图将消息从popup.js发送到content.js文件，并收到以下错误：
“未定义ReferenceError:选项卡未定义”
此错误出现在我的popup.js文件中。
下面是我的代码文件
manifst.json
{
"manifest_version": 2,
"name": "by-Surfers",
"description": "This extension is for practice...",
"version": "0.0.1",
浏览 3提问于2014-05-15得票数 0
回答已采纳
1回答
我正在从事一个google扩展项目，在该项目中，content.js脚本向popup.js发送消息。此外，还试图从content.js获取一些文本，以便在popup.js上将其转换为相同的内容。这是我所有的密码。
这是我的清单文件。manifest.json
{
"name": "hoko's ext",
"description": "my ext",
"version": "1.0",
"manifest_version": 3,
浏览 3提问于2022-08-13得票数 0
回答已采纳
我使用来自的示例，发现很难从弹出窗口向内容脚本传递一条简单的消息。
您能提供一些关于如何传递简单消息并在控制台日志或警报中查看它的建议吗？
manifest.json
{
"manifest_version": 2,
"name": "msg-test",
"description": "message test",
"version": "1.0",
"browser_action": {
"default_icon"
浏览 1提问于2014-02-13得票数 14
回答已采纳
新手问题：
上周我写了一个非常基本的Chrome扩展，其中popup.js向content.js脚本发送消息，方式如下(也许这不是最好的方式，但重要的是它可以工作。为什么它很重要？耐心听我说...)
在popup.js中
someButton.addEventListener('click', (event) => {
chrome.tabs.executeScript(null, {
file: 'src/content.js',
}, () => {
connect();
});
});
之
浏览 0提问于2020-08-31得票数 0
2回答
我正在进行我的第一个铬扩展，并注意到从我的popup.html页面发送的消息在我的content.js消息事件侦听器中被复制。我在每条消息发送之前记录了“发送消息”，在每条消息之前记录了“消息接收”，我不明白这些消息是如何被复制的。我还检查了和的chrome文档，它指定每个sendMessage事件只能触发一次onMessage侦听器。
任何帮助都将不胜感激。
popup.html
<!DOCTYPE html>
<html>
<head>
<title>Messaging Practice</title>
</head
浏览 0提问于2018-04-17得票数 6
我想通过内容脚本(content.js)为我的google扩展创建一个覆盖。我该怎么做？
下面是执行内容脚本的代码：
chrome.webNavigation.onCommitted.addListener(function() {
chrome.windows.getCurrent(function (currentWindow) {
chrome.tabs.query({ active: true, windowId: currentWindow.id }, function (activeTabs) {
activeTabs.map(function (t
浏览 3提问于2020-06-20得票数 0
回答已采纳
我尝试编写一个chrome扩展，从当前页面的window对象读取数据，打开一个新选项卡并在那里显示数据。
你知道一个简单的例子吗？
我目前的问题是我不能写入打开的标签。
manifest.json
{
"manifest_version": 2,
"name": "Inspector",
"version": "0.1",
"permissions" : ["tabs"],
"content_scripts": [{
浏览 39提问于2018-01-10得票数 3
回答已采纳
我不能从后台脚本向内容脚本发送消息，除非我从popup.html中的浏览器操作中删除了manifest.json。谁来帮帮我
background.js
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tabs) {
// Send a message to the active tab
chrome.tabs.query({active: true, currentWindow: true}, function(tabs)
浏览 1提问于2019-04-29得票数 0
我得到的是最后一次访问的网址，而不是现在的。(当我去site.com，然后转到site2.com时，我得到的网址是'site.com‘，在我刷新site2.com之后，我得到了一个正确的url。
根据这里的答案：
我想出了这样的代码：
manifest.json
{
"manifest_version": 2,
"browser_action": {
"default_popup": "action.html"
},
"content_scripts": [
{
浏览 3提问于2013-11-05得票数 0
回答已采纳
我正在尝试创建一个简单的铬扩展。我能够加载扩展，但是当我单击地址栏旁边的扩展图标时，我得到了一个错误：Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.，为什么？
我的manifest.json文件：
{
"name" : "Test",
"version" : "0.1",
"permissions" : ["<all_urls>",
浏览 4提问于2020-10-01得票数 0
回答已采纳
我想重新加载相邻的两个选项卡。它可以工作，但一旦我离开选项卡(例如，单击另一个选项卡)或单击页面上的其他位置，它就会停止刷新。为什么？我希望无论我在页面或浏览器上单击什么位置，它都会不断刷新这些页面。
这是我的content.js
setInterval(function () {
chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
var currentIndex = tabs[0].index;
var leftIndex = tabs[0].index - 1;
c
浏览 13提问于2017-12-01得票数 0
回答已采纳
1回答
background.js
// create a new tab when alarmed
chrome.alarms.onAlarm.addListener(function(alarm) {
if (alarm.name === 'myAlarm') {
let tabId = 0;
chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
const url = 'https://www.vk.com/feed';
chrome
浏览 3提问于2022-01-03得票数 0
回答已采纳
1回答
我想通过以下代码将消息从Popup.js发送到内容脚本：
popup.js
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
chrome.tabs.sendMessage(tabs[0].id, { xpath: xpath });
});
并通过以下代码在内容脚本中接收它：
content.js
chrome.runtime.onMessage.addListener(gotMessage());
function gotMessage(request, sender, sendRespon
浏览 0提问于2019-07-19得票数 0
1回答
我已经写了下面的代码。然而，有时这是有效的，有时它循环，有时它根本不工作。我做错了什么？该扩展用于捕获来自网页的消息，重定向，然后将消息推送回content.js
chrome.runtime.onMessage.addListener(function(request, sender) {
url = request.url;
UName = request.username;
PWord = request.password;
chrome.tabs.update(sender.tab.id, {url: request.redirect});
ch
浏览 1提问于2014-02-26得票数 0
所以在镀铬的分机里。
当用户单击按钮时
向后台发送消息
打开一个新的弹出窗口
在新窗口中的中，单击特定元素
我可以获得大部分的方式，但不能集中精力在必要的文档上，让js获得元素ID。
content.js
user_clicked_btn.addEventListener('click', () => {
chrome.storage.sync.get(['xyz'], (result) => {
if (result.xyz['u'].includes('123') && r
浏览 1提问于2021-08-20得票数 0
我真的很难将数组从我的background.js传递到我的content.js。在开始之前，我将列出我的脚本。
manifest.json
{
"manifest_version": 2,
"name": "Tab Highlighter",
"description": "Highlight already open tabs in a google search query",
"version": "1.0",
"content_scripts":[
{
浏览 11提问于2014-07-08得票数 0
回答已采纳
我正试图从background.js向content.js发送一条信息。addListener in content.js不起作用。
background.js
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab)
{
console.log(tab.url);
if(changeInfo.status=="complete"){
chrome.tabs.query({active: true, currentWindow: true}, function(tab
浏览 4提问于2015-09-29得票数 1
回答已采纳
我正在尝试开发chrome扩展。我正在尝试从后台脚本向内容脚本发送消息。我已经尝试了以下代码：
清单
{
....
"background": {
"scripts": ["background.js"]
},
"content_scripts": [
{
"matches": ["http://myurl.com", "http://myurl.com"],
"j
浏览 0提问于2014-07-23得票数 2
更新:很抱歉我对我的案子不太清楚。内容脚本不是字面上的内容脚本，而是通过createElement方法嵌入到页面中的js文件。
就像：
// this is "content.js"
var scriptElement = document.createElement('script');
scriptElement.src = 'chrome-extension://' + chrome.runtime.id + '/js/page-inject.js';
(document.head || document.documentE
浏览 1提问于2018-03-10得票数 8
回答已采纳
最后，我想弄清楚为什么我不能让消息在我的Chrome扩展程序中工作。
请记住，在过去的一个月里，我对javascript非常陌生，我一直在在线上教自己使用视频(我的编码背景完全是java)。
我只想让我的后台脚本能够将发生的事情通知我的内容脚本，然后在内容脚本中执行一些代码。正如您在下面看到的，，但是它不起作用！
以下是加载扩展时所遇到的错误：
manifest.json
{
"content_scripts": [
{
"matches": ["<all_urls>"],
"js&
浏览 8提问于2020-09-18得票数 1
回答已采纳
我正在将我的v2扩展迁移到v3。现在，我不清楚的第一件事是内容脚本是如何加载到页面中的。我已经实现了它，如下(背景脚本)： chrome.action.onClicked.addListener(tab => {
chrome.windows.create({
// Just use the full URL if you need to open an external page
url: chrome.runtime.getURL("hello.html"),
type: "panel", h
浏览 124提问于2021-05-07得票数 1
我正在尝试关闭除活动选项卡之外的所有选项卡。我在商店里找到了分机：。我简化了它，留下了我需要的函数。
manifest.json：
{
"background": {
"persistent": false,
"scripts": [ "background.js" ]
},
"browser_action": {
"default_icon": "icons/128.png",
"default_title&
浏览 6提问于2022-06-26得票数 0
我尝试过从与内容脚本相关的其他主题中应用解决方案，但它们不起作用。开发工具中的源代码看不到该扩展中的内容脚本。我从扩展控制台收到了一个错误
未检查的runtime.lastError:无法建立连接。接收端不存在。
看起来扩展根本没有看到content.js。
所以，我的案子- content.js没有回应和工作。我是不是在manifest.json上漏掉了什么？
manifest.json
"name": "Notification Extension",
"version": "1.0",
"de
浏览 2提问于2020-03-10得票数 0
当我试图从弹出到我的内容脚本发送消息时，我会收到这个错误。我要做的是从我的content.js中获取当前选项卡的文档，并将其发送到弹出窗口。我怎么才能解决这个错误呢？
{
"manifest_version": 2,
"name": "Chrome Snapshot",
"description": "Save images and screenshots of sites to Dropbox.",
"version": "1.0",
"permissi
浏览 5提问于2013-06-24得票数 4
我需要将一些数据发送到新创建的选项卡。我在这里找到了一些答案，可以先实现侦听器，然后发送消息。我的事件侦听器无法工作，无法捕获消息。 清单： {
"manifest_version": 2,
"name": "My Cool Extension",
"version": "0.1",
"permissions": ["tabs",
"http://*/*",
"https://*/*",
浏览 33提问于2021-01-22得票数 0
我正在尝试接收一些信息从内容页面到弹出页面在铬扩展。
这是我的manifest.json：
{
"name": " Downloader",
"description": "history ",
"version": "1.0",
"permissions": [
"activeTab",
"notifications"
],
"background": {
"persistent
浏览 0提问于2020-04-19得票数 0
在background.html中
chrome.tabs.query({active:true, currentWindow:true},function(tabs){
chrome.tabs.sendMessage(tabs[0].id,"target.js");
});
在content.js中
chrome.extension.onMessage.addListener(function(msg,sender,sendResponse){
if (msg == "target.js"){
extensionID = sender.id;
浏览 1提问于2012-10-17得票数 8
回答已采纳
这是我的清单： {
"name": "my-app",
"version": "0.0.9",
"manifest_version": 2,
"description": "my App",
"content_scripts": [
{
"matches": [
"https://*/*"
],
浏览 13提问于2019-02-12得票数 2
回答已采纳
1回答
在我的铬扩展，我试图找到，然后更换一个网站的偏爱图标为不同的偏袒。我可以找到网站的图标网址，但我被困在如何实际更换它。
我试着使用chrome.tabs.query并使用它的favIconUrl属性，但是我无法让它工作，所以我使用了一种方法，通过访问https://www.google.com/s2/favicons?domain=exampledomain.com获取站点的偏好。这确实得到了这个图标的url，但是我对如何继续替换这个图标感到困惑。
编辑:包含更多代码
background.js
chrome.commands.onCommand.addListener(colorTabs);
浏览 0提问于2018-07-25得票数 0
回答已采纳
在扩展的popup.js中，我希望创建一个新的选项卡并发送一条消息。content.js必须听信息和回答，但它不起作用！我在其他问题中尝试了很多解决方案，但在这里我的文件没有成功：
{
//Manifest.json
"name": "Stampa cedolini",
"description": "stampa automatica dei cedolini",
"version": "1.0",
"permissions": [
"tab
浏览 4提问于2015-05-06得票数 3
回答已采纳
我的后台脚本应该打开一个URL并等待它完全加载，所以内容脚本的监听器已经准备好了(我说得对吗？)然后，它应该向内容脚本发送消息"newURLvisited“。
内容脚本接收消息并从网站获取所有链接并单击其中一个(例如索引10)。通常，内容脚本会通过这样做来激活自己，因为我的manifest.json匹配所有urls (这对我来说是必要的)。
我想通过只在后台脚本发送消息"newURLcreated“时调用内容脚本来解决这个问题。当内容脚本单击链接时，就会发送消息"newURLcreated“，但这不是想要的行为。
那么，我如何才能等待内容脚本的侦听器加载，然后在没有问题
浏览 3提问于2019-12-11得票数 1
我正在编写一个Chrome扩展，我需要从devtools面板发送消息，这是我创建的内容脚本。我已经做过了：
devtools.js
$(function () {
inputField.trigger('focus')
chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
chrome.tabs.sendMessage(tabs[0].id, {content: 'content'})
chrome.runtime.onMe
浏览 0提问于2020-09-05得票数 2
我正在开发一个chrome扩展，它需要将消息从扩展后台页面发送到内容脚本，但是无论我做什么，我都会收到以下错误：“未检查的runtime.lastError:未能建立连接。接收端不存在”。
后台脚本正在发送的消息由一个API获取，该API运行在每个url更改上。
下面是manifest.json文件：
{
"manifest_version": 2,
"name": "tool",
"description": "help tool",
"version": "1.0"
浏览 2提问于2020-04-02得票数 0
回答已采纳
我的分机检查网站上破碎的图像。如果我一次打开一个URL，一切都很好，但是如果我从一个站点打开几个URL，那么popup.html中的摘要总是与active选项卡相同(不是每个站点都会更新)。
我不知道如何引用分析的实际URL，并避免使用“活动选项卡”。有什么想法吗？
Manifest.json
{
"name": "Test",
"permissions": ["activeTab", "declarativeContent", "storage","tabs"],
"ver
浏览 3提问于2019-09-23得票数 0
回答已采纳
抱歉，我搞砸了。我没有更新上一篇文章中的清单，我忘记了content.js，这就是更改按钮是如何发送值的，页面是如何从文本字段中输入的新样式属性值中获取新样式属性值的，然后添加到content.js中，在下面添加了现有的content.js文件。
我有一个styles.css，它可以更改网页，并从弹出窗口加载，但希望从弹出窗口输入的数据中更改styles.css中的变量。
我已经添加了一个content.js文件，现在我可以从弹出窗口传递一个值，它向页面添加了一个新的样式属性，但是它没有在styles.css文件中更新--ptwidth。我认为我需要让它在styles.css中给出正确的位置
浏览 11提问于2022-01-29得票数 1
回答已采纳
因此，我需要将消息从弹出传递到内容，反之亦然。目前，我正在做的事情，但这不工作，它应该如何运作：
manifest.json：
{
// Required
"manifest_version": 2,
"name": "Extension name",
"version": "0.1",
"content_scripts": [
{
"matches": ["*://*/*"],
"j
浏览 1提问于2016-01-28得票数 1
回答已采纳
我正在创建一个Chrome扩展，它从当前选项卡获取url，并将其放在新打开的选项卡中的一个字段中。只有在发送消息之前有警报时，新选项卡中的字段才会被填充。可能是因为异步，但是我在创建选项卡的回调函数中执行sendMessage。
这是我的background.js：
function sendMessage(msg) {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
chrome.tabs.sendMessage(tabs[0].id, msg);
});
}
chr
浏览 5提问于2014-02-06得票数 1
回答已采纳
1回答
我正试图从后台向我的内容脚本发送一条消息，以及单击的菜单ID (它现在运行得很好)。在查看了类似的问题之后，我遵循了google关于传递消息的指南。但这似乎不适用于我，因为我得到了一个未被重视的事件处理程序。
流形
"permissions": [
"contextMenus",
"background",
"tabs",
"activeTab",
"storage",
"https://ajax.googleapis.com/"
]
浏览 2提问于2016-05-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
