Регистрация DOMContentLoaded в Google Chrome

В Firefox и Safari мне удалось зарегистрировать событие DOMContentLoaded с window.addEventListener('DOMContentLoaded', PageShowHandler, false);, вставив этот оператор в js script, который вставлен, или более четко, получить выполнение после того, как dom страницы загружен, моим конкретным функциям удалось запустить каждый раз, когда DOM этой конкретной страницы был загружен.

Я не могу сделать это в Chrome. Я сделал несколько трюков с chrome.tabs.onUpdated и другими событиями, но он не работает в каждом случае; все эти события не совпадают с тем, что достигает DOMContentLoaded. Например, когда я нажимаю на определенные ссылки на моей веб-странице, это не вводит мой код, как могло бы произойти событие DOMContentLoaded.

window.addEventListener('DOMContentLoaded', PageShowHandler, false);

введенный в inject.js, похоже, не регистрирует событие.

Это манифест:

{
"name" : "gMail Adder ",
"version" : "1.0",
"description" : "Google Chrome Gmail Adder",
"options_page": "options.html",
"background_page": "background.html",
"run_at": "document_start",
"permissions": [
   "tabs",
   "history",
   "http://*/*",
   "https://*/*"
],
"content_scripts": [
  {
   "matches": ["*://*.google.mail.com/*", "https://*.google.mail.com/*"     ,"http://mail.google.com/*" ,"https://mail.google.com/*", "https://www.google.com/*", "http://www.google.com/*", "file:///*"],
   "css": ["toggle.css"],
   "js": ["jquery-1.4.4.min.js", "inject.js"]
  }
],
"browser_action" : {
"default_icon" : "Quest Icon 11.png",
"default_popup": "popup.html"
}
}

Ответ 1

Если вы добавите флаг "run_at":"document_start" к скриптам контента в манифесте, они будут введены перед построением DOM, поэтому DOMContentLoaded следует запускать каждый раз:

"content_scripts": [
  {
   "matches": ["*://*.google.mail.com/*", "https://*.google.mail.com/*"     ,"http://mail.google.com/*" ,"https://mail.google.com/*", "https://www.google.com/*", "http://www.google.com/*", "file:///*"],
   "css": ["toggle.css"],
   "js": ["jquery-1.4.4.min.js", "inject.js"],
   "run_at": "document_start"
  }
],

(подробнее о порядке выполнения здесь)

Ответ 2

Мне удалось заставить все работать, используя событие DOMFocusIn в моем вложенном script. Это событие правильно имитирует поведение триггеров, которое достигается DOMContentLoaded в Firefox и Safari.

window.addEventListener('DOMFocusIn', PageShowHandler, false);

Это не работает должным образом, если я не устанавливаю true поле "all_frames" в "contents_scripts" :

{
"name" : "gMail Adder ",
"version" : "1.0",
"description" : "Google Chrome Gmail Adder",
"options_page": "options.html",
"background_page": "background.html",
"run_at": "document_start",
"permissions": [
   "tabs",
   "history",
   "http://*/*",
   "https://*/*"
],
"content_scripts": [
  {
   "matches": ["*://*.google.mail.com/*", "https://*.google.mail.com/*" ,"http://mail.google.com/*" ,"https://mail.google.com/*", "https://www.google.com/*", "http://www.google.com/*", "file:///*"],
   "css": ["toggle.css"],
   "js": ["jquery-1.4.4.min.js", "inject.js"],
   "all_frames" : true
  }
],
"browser_action" : {
"default_icon" : "Quest Icon 11.png",
"default_popup": "dialog.html"
}
}