Google Chrome擴展程序 - 等到頁面加載時

Question

在我的Google Chrome擴展程序中，我有一個Content Script（content.js）和一個Background Page（background.html）。我有context.js檢查頁面上顯示的關鍵字。但是，我希望等到頁面完全加載後才能搜索頁面，因爲關鍵字可能出現在頁面的底部。

請參閱Page action by content三明治示例（files），這基本上是我在做什麼。如果您加載擴展程序，您會看到擴展程序僅在頁面頂部出現單詞「sandwich」時才起作用。

Answer 1

嘗試將此添加到您的manifest.json文件的「content_scripts」部分。

"run_at": "document_end" 

http://code.google.com/chrome/extensions/content_scripts.html

Answer 2

作爲替代來體現的"run_at": "document_end"，也可以應用標準的JavaScript事件處理辦法。例如，可以使用DOMContentLoaded事件來運行需要加載DOM的邏輯。

manifest.json的

"content_scripts": [ 
     "js": ["content.js"], 
     "run_at": "document_start" 
    } 
] 

content.js

console.log('The extension works'); 
// ... logic that does not need DOM 

function run() { 
    console.log('The DOM is loaded'); 
    // ... logic that needs DOM 
} 

document.addEventListener("DOMContentLoaded", run);