在Google Chrome中注册DOMContentLoaded

Question

在Firefox和Safari中,我设法用window.addEventListener('DOMContentLoaded',PageShowHandler,false)注册DOMContentLoaded事件; 通过将此语句插入到插入的js脚本中,或者更清楚地,在加载页面的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"
}
}

Answer 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"
  }
],

(更多关于执行顺序这里)