Отправка сообщений на страницу javascript из сценария содержимого

Question

У меня есть метод во время выполнения Javascript для вкладки, которую я хочу запустить из сценария содержимого моего расширения. При значении лица это вызывает передачу сообщений между контекстами, но я не могу найти документацию о сообщениях CS-to-tab, только с вкладками на CS или CS-в-фон. По сути, я хочу перевернуть раздел ссылки на контентные скрипты Communication with the embedding page.

До сих пор, я прилагаю слушатель события к табов window путем введения небольшого яваскрипта полезной нагрузки (это вызовет метод вкладок на правильный тип сообщения):

listenerScript = document.createElement('script'); 
listenerScript.textContent = "window.addEventListener('message',function(ev){console.log('New event: ' + ev);},false);console.log('installed');"; 
(document.head||document.documentElement).appendChild(listenerScript); 
listenerScript.remove(); 

Этот слушатель зарегистрирован, однако я не могу понять, как вызвать его из моего сценария контента. window.postMessage() в скрипте содержимого ничего не делает, и в документации только об использовании chrome.runtime для создания порта, который предназначен для фоновых скриптов.

Как передать сообщения, как можно проще, из сценария контента на вкладку?

Answer 1

Код корректен, поэтому, учитывая, что вы видите installed в консоли, только объяснения:

1. страница была перенаправлена ​​и весь DOM и его слушатели были уничтожены.

2. страница была подделать window.addEventListener или прикрепить свой собственный 'message' слушателя и отменяет событие, прежде чем ваш слушатель видит его (например, с помощью event.stopPropagation() и т.д.)

   В этом случае вам нужно объявить сценарий контента для запуска before the page starts loading и используйте прослушиватель, который захватывает событие до того, как он пузырится вниз по цепочке DOM (useCapture, третий параметр addEventListener, должен быть true).

   manifest.json:

   "content_scripts": [{ 
       "matches": ["<all_urls>"], 
       "js": ["content.js"], 
       "run_at": "document_start" 
   }], 
   

   content.js:

   // this code runs before page starts loading 
   var injected = document.documentElement.appendChild(document.createElement('script')); 
   injected.text = '(' + function() { 
       window.addEventListener('message', function(ev) { 
        console.log('New event:', ev); 
       }, true); // useCapture: true 
       console.log('installed'); 
   } + ')()'; 
   injected.remove(); 
   
   document.addEventListener('DOMContentLoaded', function() { 
       // this code will run when the DOM is ready 
       window.postMessage({ foo: 'bar', text: "Hello from content script!" }, "*"); 
   }); 
   

   Примечание мы добавим сценарий documentElement, потому что в document_start там часто нет head. См. Также: other methods of injecting a DOM script.