Chrome擴展程序：請求完成後，如何從devtools獲取當前選項卡的頁面內容？

Question

我正在開發一個Chrome擴展，以在請求完成時從devtools驗證當前選項卡的頁面內容。我只對以下類型的請求感興趣：main_frame, sub_frame, and xmlhttprequest。

這是可以做到這樣的：

1. 在background.js監聽chrome.webRequest.onCompleted事件，並篩選出無利害關係的請求
2. 與contentScript.js通信，以獲取頁面內容
3. 發送頁面內容作爲消息到devtools

但會發生這種情況嗎？

1. 在background.js中，請求A完成併發送消息M_A到contentScript.js以獲取頁面內容。
2. 請求B完成，頁面內容改變。
3. 在contentScript.js，M_A被接收，然後...

所以我想找到一個更好的辦法，就像把所有的邏輯devtools：

var requestFinishedHandler = function(request) { 
    // do something here ... 
} 
chrome.devtools.network.onRequestFinished.addListener(requestFinishedHandler); 

有什麼建議？

Answer 1

有一個chrome.devtools.inspectedWindow.onResourceAdded。我用它in DevTools Autosave。它不指定請求類型，例如main_frame，sub_frame和xmlhttprequest。