如何強制每五分鐘強制重新加載網頁僅在活動

Question

我希望每5分鐘有一次我的網絡應用程序重新加載html。我能做到這一點的方法之一是通過添加HTML標題：

<meta http-equiv="refresh" content="300" /> 

但是，這裏有一個問題，即使有問題的網頁沒有被激活，它會在重裝所有的時間。通過激活，我的意思是瀏覽器窗口在前臺，頁面是當前活動的選項卡。

如何使用Javascript完成此操作？任何幫助讚賞。

Answer 1

您必須首先定義「主動」意味着什麼。

通過任何標準衡量，活動都與網站互動，無論如何都會刷新頁面。

更新感謝您的澄清。

我不認爲通常可以從javascript中檢測瀏覽器是否爲活動窗口，並且該頁面是當前選定的選項卡。

有可能是瀏覽器特定的技巧，但我不知道任何。

Answer 2

瀏覽器DOM無法告訴您該頁面是否是瀏覽器中的當前活動選項卡，更不用說瀏覽器是當前桌面上的活動應用程序。您也許可以監視鼠標懸停事件來推斷該頁面有用戶的注意力。

Answer 3

我認爲你的方法是最好的，你可以得到。我不相信有一種方法可以在頁面內檢查它的窗口/選項卡是否處於活動狀態。

Answer 4

您可以通過按鍵或鼠標活動/移動頁面主體來設置'主動'標誌。對於每次按下/點擊/移動，重置倒數計時器（5分鐘）以通過javascript刷新頁面。

如果瀏覽器窗口位於前景或頁面處於活動選項卡，則無法直接進行檢測。