検出ブラウザタブがモバイルブラウザに焦点を当てている場合

可能な限り多くのモバイルブラウザにタブがフォーカスされているかどうかを検出します。検出ブラウザタブがモバイルブラウザに焦点を当てている場合

私は可視性を決定する際の一般的な使用がまたは 「document.visibilityState」「document.hidden」 であることを見ましたが、https://developer.mozilla.org/en-US/docs/Web/API/Document/hidden#Browser_compatibilityに、それはIEモバイル上での互換性ないことをリストされています。また、IEモバイル上の互換性がない可能性があると思われる - も多く使用document.addEventListener（ "visibilitychange"、関数（）{}）実測

。

もうあまり一般的な使用は、のOpera MiniでサポートされていないとSafariとモバイルChromeでサポートされていない可能性がありますdocument.hasFocus（） ..

プラス、「window.onblur」ではないんですクロムエミュレータで動作するようです。

誰かが、ブラウザがすべてのモバイルブラウザに注目しているかどうかを確認する別の方法を知っていますか？または、おそらく上記のうちの1つが実際にすべてに互換性がありますか？

window.onfocusとwindow.onblur：

出典

2017-05-03 Inbal de Groot

IEの携帯が古い焦点を当てていないときに、実際にあなたが検出することができ、それは焦点を当て、それがぼやけるときトリガーコードを関連付けることができます。 Windows phoneはスマートフォン市場の1％未満を保持しています。 document.hiddenやdocument.visibilityStateを使用し、IEモバイルを使用するユーザベースの縮小をサポートする価値はあります。 –

は、2つのイベントを使用してみましたか？

は、あなたは

出典

2017-05-03 16:43:05 quirimmo

クロムエミュレータでそれらをチェックし、コードがwindow.onblurに関連付けられている関数にも行きました。 –

例としてページに同じ機能を追加しました。タブを切り替えたときに実際にぼかしが印刷され、タブに戻るとフォーカスが出力されます – quirimmo

ここでページ内のクロムコンソールを開き、console.log（）、focusとblurをそれぞれ追加してこれらの関数を追加します。コンソールに正しい出力があることに気づくでしょう – quirimmo

検出ブラウザタブがモバイルブラウザに焦点を当てている場合

答えて

関連する問題