onbforeunload事件是否觸發google.hrome擴展中的popup.html？

Question

我正在寫一個帶有彈出窗口和背景頁面的Google Chrome擴展。彈出窗口訂閱了背景生成的某些事件，並且我想在彈出窗口消失時取消訂閱這些事件。但是，我沒有看到從彈出窗口生成onbeforeunload或onunload事件。這些事件是否被解僱？如果沒有，關於如何捕捉彈出關閉的任何想法？

Answer 1

我有過類似的問題。 就我而言，我將焦點放在彈出頁面中的元素上。 所以當彈出窗口關閉時，元素失去焦點，我可以捕捉模糊事件。

Answer 2

「beforeunload」爲而不是因瀏覽器動作彈出窗口而被解僱。相信我，我試過了。但是，「卸載」應該正確啓動，所以請仔細閱讀。

實際上，我有一個類似的系統，它允許您使用addEventListener附加事件，並且在unload事件觸發時自動清理它們。

以下是一個小建議：顯然，您不能使用console.log，因爲在卸載事件觸發時，已經太晚了。但是，你可以這樣做：

var background = chrome.extension.getBackgroundPage(); 

addEventListener("unload", function (event) { 
    background.console.log(event.type); 
}, true); 

通過使用上面的代碼，你可以打開後臺頁面的控制檯，這應該表明卸載事件被解僱正確。

Answer 3

如果您已經切換到使用event pages而不是您的擴展中的後臺頁面，推薦訪問該方法的方式是調用chrome.runtime.getBackgroundPage()，該函數使用後臺頁面引用回調函數。

然而，如果你試圖讓背景頁在onbeforeunload處理，像這樣：

document.addEventListener("beforeunload", function() { 
    chrome.runtime.getBackgroundPage(function(backgroundPage) { 
     backgroundPage.log("unloading"); 
    }); 
}); 

回調似乎不火的頁面卸載之前，讓log()調用從未。

在上面的評論中，Pauan建議使用chrome.extension.getBackgroundPage()來獲取頁面。我唯一能夠實現這個目標的方法不是創建addEventListener()的處理程序。相反，我不得不去老學校，直接在window設置處理：

window.onbeforeunload = function() { 
    chrome.extension.getBackgroundPage().log("unloading"); 
}; 

終於撥通了背景頁。