Как в Chrome extension передать значение в chrome.alarms?

Question

[dimonfreeman]

Как дернуть chrome.alarms с script внутри DOM.
хотел через переменную localStorage но туда нету доступа у хром апи чтоли.

Суть в том что если есть на странице елемент А
через время запустить chrome.alarms

Answer 1

[Надим]

dimonfreeman, понятно, ну вы вопрос бестолково задали, поэтому похоже я вам дал неверный ответ.

Если вам нужно запустить алерт на фоновой странице, то тогда алгоритм немного меняется. Проблема здесь в том, что сообщение в фоновой процесс (background.js) может передать лишь контент-скрипт (scripts.js) поэтому необходимо его использовать как посредника.

Итак, для начала в файле background.js ставите слушатель сообщений таким вот образом:

chrome.extension.onMessage.addListener(function(message) {
	
	console.log('Из контент-скрипта получено следующее сообщение: ' + message);
	
	if (message == 'вызвать алерт') {
		
		// Здесь впишите ваш код для вызова алерта
		
	}
	
});

Этот слушатель будет ожидать сообщений из контент-скрипта (script.js) и при получении сообщения с текстом "вызвать алерт" он выполнит тот код, который вы пропишите.

Далее, внутри контент-скрипта тоже нужен свой слушатель:

window.addEventListener('message', function(event) {
	
	// Извлекаем текст сообщения:
	var dom_message = event.data;
	
	console.log('Из DOM получено сообщение: ' + dom_message);
	
	// Пересылаем полученное сообщение
	// в фоновый процесс background.js:
	
	chrome.extension.sendMessage(event.data);
	
});

Этот слушатель будет ждать сообщений из DOM и пересылать их в фоновый процесс background.js

А вот теперь внутри DOM вы можете спокойно вызывать:
window.postMessage('вызвать алерт', '*');
Это сообщение сначала попадает в конктент-скрипт, а потом уже вполне себе спокойно уйдет в фоновый процесс, где активирует выполнение того кода, который вам нужно - необязательно алерта, можно что угодно.

Comments

[dimonfreeman]

а можно пример?

[Надим]

dimonfreeman, можно, но я сейчас не за компом, завтра вам отпишу пример.

P. S. На всякий случай выложите тут манифест вашего расширения и укажите в какой вам файле надо вызвать метод.

[dimonfreeman]

Надим Закиров, отправил на почту + продублирую тут манифест, буду благодарный за помощь.
а то обычный алерт браузера немного не то(

{
  "manifest_version": 2,
  "name": "Alarm test",
  "description": "This extension alarms.",
  "version": "1.5",
  "permissions": [
    "activeTab",
    "alarms",
    "storage",
    "unlimitedStorage"
  ],
  "background": {
    "scripts": [
      "js/background.js"
    ],
    "persistent": false
  },
  "browser_action": {
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": [
        "https://*/*"
      ],
      "js": [
        "scripts.js"
      ],
      "run_at": "document_idle"
    }
  ]
}

[Надим]

dimonfreeman, со страницы отправляете сообщение всем, кто слушает сообщения в этом окне:
window.postMessage('вызови алерт', '*');

Внутри вашего конетент-скрипта (script.js) должен стоять слушатель, который обрабатывает сообщения:

window.addEventListener('message', function(event) {
    if (event.data == 'вызови алерт') {
        // Здесь пишите код, который надо запустить, при получении такого сообщения
    }
});

[dimonfreeman]

Надим Закиров,

со страницы отправляете сообщение всем,
window.postMessage('call_alert, '*');
со страницы это вы имете ввиду там где js DOM выполняется?

а вот внутри Внутри вашего конетент-скрипта (script.js)
не совсем понимаю где он должен быть.
если алерт вызываеться ж в background.js

window.postMessage('call_alert, '*'); вставляю в script.js потому что он загружаеться в DOM

а второй код вставляю background.js и пока ничего не происходит у меня.

[Надим]

dimonfreeman, понятно, ну вы вопрос бестолково задали, поэтому похоже я вам дал неверный ответ.

Если вам нужно запустить алерт на фоновой странице, то тогда алгоритм немного меняется. Проблема здесь в том, что сообщение в фоновой процесс (background.js) может передать лишь контент-скрипт (scripts.js) поэтому необходимо его использовать как посредника.

Итак, для начала в файле background.js ставите слушатель сообщений таким вот образом:

chrome.extension.onMessage.addListener(function(message) {
	
	console.log('Из контент-скрипта получено следующее сообщение: ' + message);
	
	if (message == 'вызвать алерт') {
		
		// Здесь впишите ваш код для вызова алерта
		
	}
	
});

Этот слушатель будет ожидать сообщений из контент-скрипта (script.js) и при получении сообщения с текстом "вызвать алерт" он выполнит тот код, который вы пропишите.

Далее, внутри контент-скрипта тоже нужен свой слушатель:

window.addEventListener('message', function(event) {
	
	// Извлекаем текст сообщения:
	var dom_message = event.data;
	
	console.log('Из DOM получено сообщение: ' + dom_message);
	
	// Пересылаем полученное сообщение
	// в фоновый процесс background.js:
	
	chrome.extension.sendMessage(event.data);
	
});

Этот слушатель будет ждать сообщений из DOM и пересылать их в фоновый процесс background.js

А вот теперь внутри DOM вы можете спокойно вызывать:
window.postMessage('вызвать алерт', '*');
Это сообщение сначала попадает в конктент-скрипт, а потом уже вполне себе спокойно уйдет в фоновый процесс, где активирует выполнение того кода, который вам нужно - необязательно алерта, можно что угодно.

[dimonfreeman]

Надим Закиров, супер, часть получилось реализовать.
Осталося вопрос как запустить по умолчанию chrome.alarms.
а то через POPUP
onHandler = chrome.alarms.create("myAlarm", {delayInMinutes: 0.1, periodInMinutes: 0.2});
я создаю и если нажму ON то он срабатывает.
А вот что бы сразу при загрузке сработал не запускаеться chrome.alarms

[Надим]

dimonfreeman, ничего не понял, напишите по понятнее. При загрузке чего и что должно сработать?

[dimonfreeman]

Надим Закиров, как вызвать
chrome.alarms в бекграунде без кнопок

[Надим]

dimonfreeman, каких еще кнопок? Я не понимаю. В фоновой странице не предусмотрено никаких кнопок.

[dimonfreeman]

Надим Закиров, все верно.
ок напишу по другому, как запустить в бекеграунде chrome.alarms.
кнопка ОН была в попапе которая создавала событие для chrome.alarms.

[Надим]

dimonfreeman, а куда вы хотите кнопку? На сайт какой-то?

[dimonfreeman]

кнопка в попапе запускает скрипт он останеться + хочу что бы по умолчанию при условии DOM сработал chrome.alarms

[Надим]

dimonfreeman, ну а попап тут тогда причем? Вызывайте отправку сообщения из DOM. При каком вам там условии надо отправлять сигнал?

[dimonfreeman]

Надим Закиров, ну в попапе две кнопки и в нем я создал
chrome.alarms.create
ну а в бекграунд.js уже chrome.alarms.onAlarm.addListener.
В файле script я ж не могу создать chrome.alarms.create...

[Надим]

dimonfreeman, знаете, может я тупой, но я все равно ничего не понял( Поступим так, вы можете заказать у меня платную консультацию, я подключусь к вам по TeamViewer и вы мне на пальцах покажите, что вы там пытайтесь сделать, а я подскажу решение. Что-то мне говорит, что вы там творите какую-то дичь.

[dimonfreeman]

Надим Закиров, разобрался) спасибо за помощь )