yhmtのブックマーク / 2020年3月17日 - はてなブックマーク

yhmt id:yhmt

2020年3月17日のブックマーク (2件)

[iOS/Android]ブラウザでページが非表示になったことを検知する方法 - Qiita
考察（その2）各種デバイスのボタンイベント後に、visibilityChangeイベントが呼ばれページが非表示になったことは検知できたただし、どの動作が行われたかは、検知できないみたい iOSの場合、ホームボタンのダブルタップでは、visibilityChangeイベントが呼ばれず、その後、電源ボタンを押してみたところ、visibilityChangeイベントが呼ばれた結果まとめ以上の検証結果からbeforeunload / pagehide / unloadイベントとPage Visibility APIを組み合わせるとページが非表示になる動作を大体捉えられることがわかったページ遷移系のイベントは、とりあえず、pagehideかunloadを読んでおけば大丈夫 iOS8とかAndroid 4/6系でどう動くかは、確認していないので、そのうち確認する予定サンプルコード // デ
yhmt 2020/03/17
javascript
リンク
ブラウザがバックグラウンド回ったことを検知する - Qiita
※1 ... 別タブ移動は検知できるが、アプリのバックグラウンド検知は× ※2 ... Page Visibility API が使える分岐に入るが、ホーム遷移で発火しない ※3 ... 安定して検知できる方法があったので、未検証標準ブラウザがなく、ブラウザが chromeの場合は visibilitychange が動くので上記の表から外しました。 ■まとめ iOS 7 → onpagehide iOS 8〜 → visibilitychange Android は visibilitychange が使えれば使う、（requestAnimationFrameも保険として登録） visibilitychange が使えなければ blur で対応 Android 5.0.2 はどうしてもバックグラウンド検知ができない場合がある（setTimeoutでアプリがバックグラウンドに回った
yhmt 2020/03/17
javascript
リンク
- 2020年3月18日
- 2020年3月17日
- 2020年3月16日