Как передать сообщение из фонового скрипта расширения Chrome в скрипт контента в JavaScript через контекстное меню?

Question

Как передать сообщение из фонового скрипта расширения Chrome в скрипт контента в JavaScript через контекстное меню?

1

Я работаю над расширением Chrome с помощью JavaScript и должен иметь возможность передавать сообщение из фонового сценария в сценарий контента, используя пользовательскую запись в контекстном меню в качестве триггера для этого.

manuscript.json

{
	"manifest_version": 2,
	"name": "Admin Tools",
	"version": "0.3",
	
	"permissions": [
		"contextMenus",
		"tabs",
		"activeTab"
	],
	
	"content_scripts": [
		{
			"matches": ["https://*/*", "http://*/*"],
			"js": ["lead_partner_search_content.js"]
		}
	],
	
	"background": {
		"scripts": ["admin_search.js", "company_id_search.js","order_id_search.js","lead_partner_search.js"]
	}
}

lead_partner_search.js (фоновый скрипт)

//lead_partner_search.js

var backgroundScriptMessage = " purple monkey dishwasher";

function returnMessage(messageToReturn) {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      var joinedMessage = messageToReturn + backgroundScriptMessage;
          alert("Background script is sending a message to contentscript:'" + joinedMessage +"'");
      chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"});
    });
}

chrome.contextMenus.create({
	"title": "Search leads by company name",
	"contexts": ["selection"],
	"onclick": returnMessage("test")
})

lead_partner_search_content.js (сценарий содержимого)

//lead_partner_search_content.js

chrome.runtime.onMessage.addListener( function(request, sender) {
    alert("Contentscript has received a message from from background script: '" + request.message + "'");
    return true;
});

Следуя еще одному примеру из Stack Overflow, это должно показать одно предупреждение как:

Фоновый скрипт отправляет сообщение в текст содержания: 'test purple monkey dishwasher'

И затем секундой, как:

Contentcript получил сообщение из фонового сценария: "test purple monkey dishwasher"

Однако то, что на самом деле происходит, когда загружается расширение, появляется первое предупреждение о сообщении, и ничего не происходит даже при запуске записи в контекстном меню.

Я не уверен, почему это так и не совсем понятно, что сообщение передается в Google Chrome, несмотря на поиск на этом и других сайтах информации.

Любая помощь приветствуется.

Ethan Field 01 авг. 2017, в 17:11

Источник

1

Вы пытались обернуть назначение onclick в оболочку function() { } ? Не похоже, что это должно иметь значение, но иногда JavaScript такой странный. "onclick": function() { returnMessage("test"); }
freginold 01 авг. 2017, в 14:50
1

Это предотвратило проблему с мигающим предупреждением, как только расширение загружено, и теперь я могу вызвать первое предупреждение с помощью пункта контекстного меню, однако я все еще не получаю второе предупреждение, похоже, сообщение не выбрано вверх по содержанию сценария.
Ethan Field 01 авг. 2017, в 14:52
1

Вы получаете какие-либо ошибки или сообщения в консоли?
freginold 01 авг. 2017, в 14:54
0

Нет, после запуска входа в контекстное меню консоль остается пустой
Ethan Field 01 авг. 2017, в 14:55
1

Попробуйте добавить две команды console.log : одну в верхней части вашего скрипта контента (чтобы убедиться, что скрипт контента загружается), а вторую внутри слушателя onMessage .
freginold 01 авг. 2017, в 15:05
0

Добавление console.log("content") в начало моего файла содержимого приводит к тому, что консоль печатает content однако добавление console.log(joinedMessage) под объявлением вышеупомянутой переменной ничего не печатает при запуске элемента контекстного меню, но все равно вызывает оповещение
Ethan Field 01 авг. 2017, в 15:17
0

@EthanField, вы говорите, если вы поместите console.log после строки var joinedMessage , консольное сообщение не печатается, а сразу появляется предупреждение?
freginold 01 авг. 2017, в 16:27
0

Давайте продолжим эту дискуссию в чате .
Ethan Field 01 авг. 2017, в 20:32
0

Вы не должны return true; в вашем слушателе runtime.onMessage если вы на самом деле не намереваетесь отправить ответ, используя sendResponse , чего вы явно не делаете в этом коде.
Makyen 01 авг. 2017, в 21:04
2

По умолчанию не используйте alert() для отладки. Это может вызвать / решить проблемы синхронизации / условия гонки, которые могут быть более сложными для отладки. Если вы не собираетесь использовать настоящий отладчик, используйте console вывод. Периодическое alert() может быть приемлемым, но оно не должно быть вашим значением по умолчанию, перейдите к способу показать прогресс. Если по какой-либо другой причине вывод на console позволяет вам вернуться к выводу на консоли несколько раз, вместо того, чтобы запоминать, что происходило / отображалось в alert() и в каком порядке.
Makyen 01 авг. 2017, в 21:07

Показать ещё 8 комментариев

Теги:

javascript

google-chrome

google-chrome-extension

message-passing

1 ответ

Ещё вопросы

Вы пытались обернуть назначение onclick в оболочку function() { } ? Не похоже, что это должно иметь значение, но иногда JavaScript такой странный. "onclick": function() { returnMessage("test"); }
Это предотвратило проблему с мигающим предупреждением, как только расширение загружено, и теперь я могу вызвать первое предупреждение с помощью пункта контекстного меню, однако я все еще не получаю второе предупреждение, похоже, сообщение не выбрано вверх по содержанию сценария.
Вы получаете какие-либо ошибки или сообщения в консоли?
Нет, после запуска входа в контекстное меню консоль остается пустой
Попробуйте добавить две команды console.log : одну в верхней части вашего скрипта контента (чтобы убедиться, что скрипт контента загружается), а вторую внутри слушателя onMessage .
Добавление console.log("content") в начало моего файла содержимого приводит к тому, что консоль печатает content однако добавление console.log(joinedMessage) под объявлением вышеупомянутой переменной ничего не печатает при запуске элемента контекстного меню, но все равно вызывает оповещение
@EthanField, вы говорите, если вы поместите console.log после строки var joinedMessage , консольное сообщение не печатается, а сразу появляется предупреждение?
Давайте продолжим эту дискуссию в чате .
Вы не должны return true; в вашем слушателе runtime.onMessage если вы на самом деле не намереваетесь отправить ответ, используя sendResponse , чего вы явно не делаете в этом коде.
По умолчанию не используйте alert() для отладки. Это может вызвать / решить проблемы синхронизации / условия гонки, которые могут быть более сложными для отладки. Если вы не собираетесь использовать настоящий отладчик, используйте console вывод. Периодическое alert() может быть приемлемым, но оно не должно быть вашим значением по умолчанию, перейдите к способу показать прогресс. Если по какой-либо другой причине вывод на console позволяет вам вернуться к выводу на консоли несколько раз, вместо того, чтобы запоминать, что происходило / отображалось в alert() и в каком порядке.

Ethan Field · Accepted Answer · 2017-08-02T05-40-00.000Z

Принимая советы от комментариев, я смог изменить фоновый сценарий на нижеследующий:

//lead_partner_search.js
function returnMessage() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"});
    });
}

chrome.contextMenus.create({
    "title": "Search leads by company name",
    "contexts": ["selection"],
    "onclick": returnMessage
})

И к моему сценарию содержания ниже:

//lead_partner_search_content.js
chrome.runtime.onMessage.addListener( function(request, sender) {
    console.log("Contentscript has received a message from background script: '" + request.greeting + "'");
});

Это дает желаемый результат в консоли:

Contentcript получил сообщение из фонового скрипта: 'hello'

Основываясь на том, что я теперь понимаю, кажется, что я вызывал часть сообщения, в котором не было request.message где я должен был вызвать request.greeting поскольку это то, что я объявлял при отправке сообщения из фонового сценария.