Почему не меняется setBadgeText при условии if?

Question

[Иван Дамаскин]

Всем привет.
Пишу маленькое расширение.
Появилась необходимость поменять текст возле иконки (setBadgeText ) при условии что есть элемент с классом .red_nor

Собственно че я тут натварил.
Вот мой объект манифест

{
  "manifest_version": 2,

  "name": "MyApp",
  "version": "1.0",
  "description": "Description text", 
  "background_page": "background.html",
  "browser_action": {
    "name": "Manipulate DOM",

	"default_icon": {                   
	  "38": "lock-icon.png",         
	  "19": "icon.png"           

	}

  },
  "background": {
	"scripts": ["background.js", "jquery.min.js"]
  },


  "content_scripts": [ {
    "js": [ "jquery.min.js", "background.js" ],
    "matches": [ "http://*/*", "https://*/*"]
  }]
}

вот мой background.js

var succlass = ".red_nor";
if ($(succlass)) {
    console.log("true");
    chrome.browserAction.setBadgeText({text: "yeah"});
} else {
    console.log("false");
}

Консоль кричит
background.js:56 Uncaught TypeError: Cannot read property 'setBadgeText' of undefined

Собственно то и понятно, я пытаюсь изменить элемент браузера в скрипте которые работает с элементами контента.
Так как же тогда правильно менять элемент browserAction при условии элементов контента?

Comments

[Константин]

судя по ошибке в консоли у вас нет объекта --> chrome.browserAction

[Иван Дамаскин]

да, но если я отключаю content_scripts то все работает, а если выношу проверку дом элементов в другой скрипт то там уже не могу менять желменты браузера, вот и проблема во взаимодействии -(

[Константин]

Иван Дамаскин: дело, как мне кажется, не в контент_скриптс. А в том, что отсутствует объект, к которому обращается скрипт. Это конечно может происходить потому, что скрипты подключаются в неверном порядке.
Думаю, стоит обратить на это внимание.
Require.js или на худой конец захардкодить. Но в любом случае нужно решать вопрос порядка подключения скриптов.

[Иван Дамаскин]

Константин: ну у меня всего то 2 скрипта, из них блиблиотека jquery ну и собственно мой скрипт в 5 строк, проблема в файле manifest.json как я понимаю, возможно я неверно подключаю скрипты в browse_action и content_scripts

Answer 1

[Алексей Уколов]

Нужно проверять так: $(succlass).length.
Даже если не будет найдено ни одного объекта, вернётся jquery-объект, который всегда true.

Comments

[Иван Дамаскин]

поправил условие, все норм, с условием разобрались, что же тогда делать с добавлением текста к иконке после условия ? chrome.browserAction.setBadgeText({ text: "yeah" });

Answer 2

[pasha fudko]

Я точно не знаю, но если у тебя Jquery, то в background.js в if нужно написать $("succlass"), а не просто $(succlass)

Comments

[Иван Дамаскин]

не с с синтаксисом все в порядке, там все верно прописано... спасибо за отклик

Answer 3

[Иван Дамаскин]

В общем вроде как разобрался. Дело в том что при написании приложения существует некая иерархия, т.е. есть отдельный скрипт который работает с элементами браузера, а есть который работает с контентной частью сайта.

Соответсвенно это browser_action и content_scripts

Теперь возникает вопрос. Как же вытащить значение value в форме контента и вставить это значение в url скрипта который обрабатывает элемента браузера т.е. у меня такой код

xhr = new XMLHttpRequest();
    xhr.open("GET", "http://example.ru/1466088862.4504/", true);
    xhr.send(null);
    xhr.onreadystatechange = function() {

надо что бы вместо ссылки (1466088862.4504/) была переменная, а значение переменной это и есть значение того value которое мы вытащили в контенте?