如何檢查特定網站的所有標籤頁是否已關閉

Question

我正在加載我的網站時在本地存儲中設置變量。現在我只想在我的網站的所有標籤都關閉後才能刪除這個變量。

例如，我在一個選項卡中打開主頁，那時我將在本地存儲中設置變量。之後，我在另一個選項卡中打開產品詳細信息。這次不需要再設置變量，因爲它已經被設置。現在，如果關閉所有選項卡（主頁，產品詳細信息頁），則只應將該變量從本地存儲中刪除。

有什麼辦法可以嘗試嗎？請建議。

Answer 1

我的想法是在每次打開onglet時在localStorage中增加一個整數。所以一切都將關閉時，值返回到1

Answer 2

簡單的答案，你不能。或者更確切地說，HTTP是一種無狀態協議，這意味着你不能分辨用戶是否關閉了他們的瀏覽器標籤，或者只是無所事事。

然而，有技巧您可以使用來確定用戶已打開多少個標籤。其中一個例子是將製表符計數器保存在用戶的本地存儲中，並在每次頁面加載時增加它，並在頁面卸載時減少它，如提到的@martin karl。

您可以使用Jquery unload事件來檢測用戶何時關閉其選項卡。 自Jquery 1.8以來已棄用。

現在您可以使用beforeunload事件。