如何在 JavaScript 中有效偵測頁面重新載入？

使用 JavaScript 高效檢測頁面重新加載事件

在 Web 開發領域，了解用戶何時重新加載或刷新頁面對於各種場景都至關重要。在本文中，我們將探索使用 JavaScript 有效檢查頁面重新載入事件的方法。

利用 window.performance API

導航器物件為我們提供了對導航計時 API，使我們能夠確定頁面的狀態已載入。

if (window.performance) {<br> console.info("window.performance 在此瀏覽器上運作良好");<br> }<br>console.info(performance.navigation.type);<br>if (performance.navigation.type == Performance.navigation.TYPE_RELOAD) {<br> console.info("此頁面已重新載入");<br>} else {<br> console.info("此頁面未重新載入");<br>}<br>

棄用注意

需要注意的是，window.performance.navigation.type API 已棄用。我建議使用 Илья Зеленько 概述的改進方法。

以上是如何在 JavaScript 中有效偵測頁面重新載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！