Как правильно обработать запуск расширения google chrome?

Question

[Soul1]

Пробую написать расширения для google chrome, перечитал официальную документацию и гайды на русском, не могу найти в чём проблема.
Есть файл background.js

spoiler

// Вызывается, когда пользователь нажимает на действие браузера.
chrome.browserAction.onClicked.addListener(function(tab) {
    // Отправить сообщение на активную вкладку
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      var activeTab = tabs[0];
      chrome.tabs.sendMessage(activeTab.id, {"message": "clicked_browser_action"});
    });
});

файл со скриптом

spoiler

chrome.runtime.onMessage.addListener(
    function(message, callback) {
      if (message == "licked_browser_action"){
        chrome.tabs.executeScript(alert('hello'));
      }
        return true
});

файл manifest.json

spoiler

{
    "manifest_version": 2,
    "name": "test",
    "version": "1.0.0",
    "content_security_policy": "script-src 'self'; object-src 'self'",
    "background": {
      "scripts": ["background.js"]
    },
    "permissions": [
      "activeTab"
    ],
    "content_scripts": [
      {
        "matches": [
          "<all_urls>"
        ],
        "js": ["search_in_file.js", "test.js"]
      }
    ],
    "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html"
    },
    "web_accessible_resources": [
      "search_in_file.js", "test.js"
    ]
}

В файле скрипта была функция, но для теста упростил до alert('hello'). И запускалась она по условию, когда в message получала нужное значение "clicked_browser_action", тоже убрал это условие, чтобы всегда запускалась.

И в данный момент при первом открытии страницы и клику по иконке расширения выводится заданный нами алерт, но при повторном нажатии больше не срабатывает. При перезагрузке страницы алерт выводится сразу же, без клика. И точно так же не срабатывает при клике.
Как изменить код, чтобы скрипт отрабатывал при каждом нажатии на иконку?

UPD: как оказалось в первый раз исполняется соседний файл js, где только одна строка - alert('hello'). А в нашем скрипте вообще ничего не отрабатывает.

Answer 1

[dollar]

Для начала
"licked_browser_action" не совпадает с "clicked_browser_action"

Ну а так проверяйте поэтапно. Первым делом, что обработчик вообще срабатывает при каждом клике, то есть нам надо выяснить, даёт ли осечку сам обработчик нажатия или что-то после него. Для этого вставьте что-то типа этого:
console.log("onClicked");
Ну и так далее по цепочке. По логам дальше будет видно, где затык.

Comments

[Soul1]

Спасибо, "clicked_browser_action" я исправил, но проблема не исчезла.
Насколько я понял исполняемые скрипты нужно помещать в файл background.js, чтобы они по клику срабатывали. Там по клику как раз всё отрабатывает.
Но возникла новая проблема - расширение не находит элементы. Какой-нибудь простой запрос document.getElementsByClassName("project__selector").length при запуске из консоли в браузере возвращает 1, а из расширения возвращает 0. Причём document.getElementsByClassName("project__selector") и из расширения и из консоли возвращает [object HTMLCollection].

[dollar]

Soul1, background.js не относится ни к какому сайту и ни к какой вкладке, так что код из него и не должен находить элементы на страницах. Пишу на всякий случай, так как это вы похоже и так знаете.

Контент-скрипт может не находить некоторые элементы, которые созданы после выполнения контент-скрипта, например через setTimeout.

getElementsByClassName всегда возвращает HTMLCollection, без вариантов, это не ошибка. А вот то, что из кода 0, а из консоли 1, это уже не порядок. Ищите проблему поэтапно. Как вариант, посмотрите, а что вообще находит, та ли эта страница или не та и т.д.

[Soul1]

Спасибо! Немного запутанная у них система, зачем было делать две изолированные среды?
Но вроде разобрался, в background.js слушаем активности в браузере, например клик по расширению, а в content.js (точнее любых js файлах объявленных в манифесте в графе content.js) в функции-обработчике принимаем сообщение от background.js и уже выполняем нужные нам действия, типа того же поиска элементов. Вот так работает.

[dollar]

Soul1, да, это первое, что я выяснил, когда в своё время писал Toster Comfort. Правда, я просто читал документацию, ничего более.