偵測瀏覽器標籤焦點以優化資源使用

當網頁包含敏感資訊或執行消耗網路資源的密集操作時，管理焦點瀏覽器標籤的數量變得至關重要。偵測特定選項卡目前是否處於焦點狀態允許您實施最佳化資源使用的策略。

確定選項卡是否具有焦點的一種可靠的跨瀏覽器方法是利用 window.onfocus 和 window.onblur 事件處理程序。每當選項卡獲得或失去焦點時，就會分別觸發這些事件。

在定期輪詢股票價格的應用程式上下文中，您可以實施以下策略：

1. 定義window.onfocus 和window.onblur 的事件處理程序:

   window.onfocus = function() {
     // Tab has gained focus
     console.log('Tab is in focus');
   };
   
   window.onblur = function() {
     // Tab has lost focus
     console.log('Tab is out of focus');
   };

2. 在 window.onfocus 事件處理程序中，開始或恢復股票價格輪詢：

   function startPolling() {
     // Start polling for stock prices
   }

3. 在 window.onblur 事件處理程序中，停止輪詢股票價格：

   function stopPolling() {
     // Stop polling for stock prices
   }

透過實施此方法，您可以在選項卡未取得焦點時有效地暫停輪詢操作，從而節省網路資源並減少不必要的流量噪音。當選項卡重新獲得焦點時，輪詢會自動恢復，確保使用者及時更新。