Как передавать сообщения из popup.js в content.js?

Question

[Сергей Левченко]

Добрый день! Уже не один день бьюсь над тем чтобы просто научиться передаче сообщений в расширении я просто не догоняю как это работает. Как событие из popup js в content js отправить ? Суть проста как сделать так чтобы поместить картинку из popup на активную страницу браузера в первый элемент div

Answer 1

[zkrvndm]

Для отправки сообщения из popup-окна в content-скрипт нужно выполнить в popup-окне:

chrome.tabs.query({}, function(tabs) {
	for (i = 0; i < tabs.length; i++) {
		chrome.tabs.sendMessage(tabs[i].id, 'Сообщение, которое нужно передать');
	}
});

Код выше перебирает все вкладки и отправляет во все существующие вкладки указанное сообщение.

На стороне content-скрипта для приема сообщения должен стоять обработчик:

chrome.extension.onMessage.addListener(function(msg) {
	console.log('Принято сообщение: ' + msg);
});

Comments

[Сергей Левченко]

Добрый день! Сможете сделать пример ?

[zkrvndm]

Сергей Левченко, да, без проблем.

Для отправки сообщения из popup-окна в content-скрипт нужно выполнить в popup-окне:

chrome.tabs.query({}, function(tabs) {
	for (i = 0; i < tabs.length; i++) {
		chrome.tabs.sendMessage(tabs[i].id, 'Сообщение, которое нужно передать');
	}
});

Код выше перебирает все вкладки и отправляет во все существующие вкладки указанное сообщение.

На стороне content-скрипта для приема сообщения должен стоять обработчик:

chrome.extension.onMessage.addListener(function(msg) {
	console.log('Принято сообщение: ' + msg);
});

[Сергей Левченко]

Я как понимаю из попап мы просчитываем все открытые вкладки и отправляем их контент

[Сергей Левченко]

Агрументов в контенте может быть бесконечно ?

[zkrvndm]

Сергей Левченко, вы передаёте обычной текст. Если хотите передать объект, то сначала этот объект надо сконвертировать в строку / в текст.