檢測瀏覽器標籤是否專注於移動瀏覽器

我願意檢測標籤是否專注於盡可能多的移動瀏覽器。檢測瀏覽器標籤是否專注於移動瀏覽器

我看到，在確定能見度常見的用途是「document.hidden」或「document.visibilityState」，但https://developer.mozilla.org/en-US/docs/Web/API/Document/hidden#Browser_compatibility上市，它是在IE移動不兼容。

發現還有很多人使用document.addEventListener（「visibilitychange」，function（）{}） - 這似乎也可能在IE Mobile上不兼容。

另一個不太常見的用途是未在Opera Mini的支持，可能無法在Safari和Chrome的手機支持..

加時，「window.onblur」不document.hasFocus（）似乎在Chrome模擬器上工作。

任何人都知道也許另一種方法來檢查瀏覽器是否專注於所有移動瀏覽器？或者上面的其中一個實際上可以兼容所有？

來源

2017-05-03 Inbal de Groot

IE移動是過時的檢測。 Windows手機佔智能手機市場的不到1％。使用document.hidden或document.visibilityState可能是值得的，不支持使用IE移動的不斷縮小的用戶羣。 –

您是否嘗試過使用兩個事件：

window.onfocus和window.onblur？

可以關聯代碼時，它的重點，它模糊了觸發，所以實際上你可以當它不集中

來源

2017-05-03 16:43:05 quirimmo

檢查他們在鉻模擬器和代碼去了與window.onblur相關的功能，當頁面被聚焦 –

我在頁面中添加了相同的功能作爲例子，它的工作原理。當您切換標籤頁時，它實際上會打印模糊，然後當您返回到標籤時它會輸出焦點 – quirimmo

只需在頁面中打開此處的控制檯控制檯，然後分別使用console.log（），打印焦點和模糊。你會注意到，在控制檯中你有正確的輸出正確的順序 – quirimmo

檢測瀏覽器標籤是否專注於移動瀏覽器

回答

相關問題