Как передавать сообщения со страницы в контент-скрипт и обратно?

Question

[zkrvndm]

Подскажите, каким образом проще всего будет наладить общение JavaScript-кода из контент-скрипта и JavaScript-кода со страницы сайта? Как передавать сообщения между ними НЕ используя фоновый процесс расширения, как посредника?

Проблема у меня в том, что вызов методов Chrome API работает только из контекста контент-скрипта, а хотелось бы иметь возможность вызывать эти методы со вставленного на страницу кода, а для это нужно с ним как-то взаимодействовать.

P. S. Мне примеры кода не нужны, достаточно будет подсказки, чтобы я понимал возможные варианты реализации.

Answer 1

[dollar]

Так контент-скрипт - это часть расширения. Так что не получится его не использовать. Поэтому только через сообщения.

spoiler

Контент-скрипт:

var port = chrome.runtime.connect();

window.addEventListener("message", function(event) {
  if (event.source != window) return;
  if (event.data.type == "FROM_PAGE") {
    console.log("Получено сообщение от страницы: " + event.data.text);
    port.postMessage(event.data.text);
  }
}, false);

Страница:

document.getElementById("theButton").addEventListener("click",
    function() {
  window.postMessage({ type:"FROM_PAGE", text:"Сообщение со страницы!" },"*");
}, false);

Comments

[zkrvndm]

А ведь реально, я же могу просто слушать сообщения на window, это должно работать в обе стороны не смотря на разный контекст. Спасибо, буду пробовать.

[dollar]

Ещё можно иначе поизвращаться, но лучше всё же через сообщения.

[zkrvndm]

dollar, и так все работает)

Объявил 2 слушателя: один с контекста страницы, а другой с контекста расширения.

Если послать сообщение, то слушатели срабатывают в обеих контекстах и совершенно не важно с какого именно контекста была отправка. В общем, фактически это решение мой проблемы. Спасибо за наводку =)