Я пытаюсь связать сценарий моей веб-страницы с моим сценарием содержимого моего веб-расширения с помощью кода ниже
Сценарий веб-страницы
const browser = window.browser || window.chrome;
browser.runtime.sendMessage(message,
function (response) {
console.log(response);
}
);
Однако я продолжаю получать ошибку TypeError: browser is undefined. То же самое происходит, если вместо этого я использую chrome.runtime.sendMessage().
Как я должен использовать этот метод?
chrome.runtime доступен только для HTTPS-страниц в новом Chrome, см. crbug.com/835287. 16.05.2018 Проблема здесь в том, что сценарии пользователя/веб-страницы (непривилегированные сценарии) не имеют доступа к API JavaScript в целях безопасности, а browser, chrome являются частью API JavaScript, к которым могут получить доступ только привилегированные сценарии, такие как фоновые сценарии веб-расширения и сценарии контента ( опять же, скрипты содержимого не имеют доступа ко всем API-интерфейсам JavaScript). По сути, если вам нужно отправить данные из сценария веб-страницы в фоновый сценарий, CustomEvent следует использовать для отправки данных в сценарий контента, который действует как мост, а оттуда отправлять эти данные в фоновый сценарий с помощью browser.runtime.sendMessage. Пример кода PFB
window.onload = function(){
document.dispatchEvent(new CustomEvent("myEvent",{
detail:["Hello","World"]
}));
}
контентскрипт.js
document.addEventListener("myEvent", function (event) {
browser.runtime.sendMessage({
data: event.detail
});
фон.js
browser.runtime.onMessage.addListener(function (message) {
data = message.data;
// do stuff
});
