Как в google extensions прокинуть переменную на активную вкладку?

Question

[Martovitskiy]

Делаю плагин для хрома.

в background.js беру кукиc авторизации из моего сайта test4.test.com

chrome.cookies.get({"url": "http://test4.test.com", "name": "site_session"}, function(cookie) {
        console.log(cookie.value);
    });

Как теперь результат отправить в активную вкладку?

Answer 1

[Alex]

https://developer.chrome.com/docs/extensions/mv2/m...

Comments

[Martovitskiy]

manifest.json

"permissions": [
    "activeTab",
    "tabs",
    "cookies",
    "storage",
    "http://*/*",
    "https://*/*",
    "<all_urls>"
  ],
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [ "jquery.min.js", "bundle/content.js", "bundle/event.js"],
      "run_at": "document_end"
    }
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "web_accessible_resources":[
    "main.js",
    "bundle/content.js",
    "*.svg",
    "*.ttf",
    "img/*"
  ]

background.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
        console.log(response.farewell);
    });
});

content.js

console.log('content');
chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
      console.log(sender.tab ?
        "from a content script:" + sender.tab.url :
        "from the extension");
      if (request.greeting == "hello")
          sendResponse({farewell: "goodbye"});
  }
);

кроме content не выводится ничего. Значит скрипт подгружается, все ок

[Martovitskiy]

Martovitskiy, вывелось, но когда расширение открыто. А как вывести если расширение просто в фоне?

Answer 2

[zkrvndm]

В фоновой вкладке выполняйте:

chrome.tabs.query({}, function(tabs) {
	for (i = 0; i < tabs.length; i++) {
		chrome.tabs.sendMessage(tabs[i].id, 'Привет мир!');
	}
});

Во все вкладки будет передано сообщение Привет мир!

Для получения сообщений на целевой вкладке внутри контент-скрипта ставите обработчик:

chrome.extension.onMessage.addListener(function(message) {
	console.log('Получено сообщение: ' + message);
});

Разумеется это просто пример, на деле это все нужно допиливать напильником под себя.

P. S. Если нужно передать сообщение только и исключительно в активную вкладку, то ставите такой фильтр:

chrome.tabs.query({active: true}, function(tabs) {
	for (i = 0; i < tabs.length; i++) {
		chrome.tabs.sendMessage(tabs[i].id, 'Привет мир!');
	}
});

Comments

[Martovitskiy]

добавил в background.js

chrome.tabs.query({}, function(tabs) {
  for (i = 0; i < tabs.length; i++) {
    chrome.tabs.sendMessage(tabs[i].id, 'Привет мир!');
  }
});

в content.js

chrome.extension.onMessage.addListener(function(message) {
  console.log('Получено сообщение: ' + message);
});

Ниче не вывелось, хотя в content.js просто console.log('тест') отрабатывает

[zkrvndm]

Martovitskiy, ну не не знаю не знаю, у меня все работает)


А у вас в манифесте разрешение на использование tabs стоит?

...
"permissions" : [ "cookies", "tabs", "<all_urls>" ],
"background" : { "persistent": true, "scripts": [ "background.js" ] },
...

[Martovitskiy]

Надим Закиров, все добавлено. Но не выводится.

background.js

chrome.tabs.query({}, function(tabs) {
  for (i = 0; i < tabs.length; i++) {
    chrome.tabs.sendMessage(tabs[i].id, 'test');
  }
});

content.js

chrome.extension.onMessage.addListener(function(message) {
  console.log(message);
});

[zkrvndm]

Martovitskiy, установите на свой ПК TeamViewer и наберите меня по телеге: @znadim
Так и быть, гляну одним глазком.