Webページがユーザーに閲覧されているかどうかを判断するにはどうすればいいですか?visibilitychange

1585 ワード

  • 1.H 5ページがユーザーに閲覧されたかどうかをどう判断しますか?
  • 2.ユーザーがページを閲覧していない場合、バックミュージックの一時停止、タイマーのクリア、映画の一時停止などの一連の操作
  • が必要です.
  • 3.私たちはどうしてホームページが閲覧されているかどうかを知っていますか?あるいはホームページは最小化に入っていませんか?次にHTML 5の新しいAPI、visibilitychange、documentを紹介します.hidden, document.visibilityState

  • 1.visibilitychangeイベントは、Webページの変更を監視するために使用されます(バックグラウンドに入り、フロントに入ります)
  • 1.ブラウザサポートvisibilitychangeはHTML 5のAPIなので最新ブラウザChrome,Firefox,IE 10+
  • をサポート
  • 2.使用してaddEventListenerでイベントを追加し、ページが変更されるとこの関数
  • を呼び出す.
    document.addEventListener('visibilitychange', function () {
    });
    

    ps:古いバージョンのブラウザが無効になった場合に接頭辞を追加する必要があります
  • mozvisibilitychange火狐
  • msvisibilitychange IE
  • webkitvisibilitychangeグーグル、Safari
  • 2.document.hidden
  • false-現在のWebページはユーザーによって閲覧されています
  • ture-現在のWebページはバックグラウンド
  • に入ります.
    3.document.visibilityState
  • visibleページはブラウザの現在のアクティブ化であり、ウィンドウは最小化状態
  • ではない.
  • hiddenページが現在アクティブになっていないか、ウィンドウが
  • を最小化しています.
  • prerenderページが再生成され、ユーザーには
  • が表示されません.
    4.ページがフロントに入るかバックグラウンドに入るかを判断する
    document.addEventListener('visibilitychange', function () {
            console.log(document.hidden);
            console.log("visibilityState " + document.visibilityState);
            if (document.hidden) {
                //           
                document.title = '      ';
            } else if (document.hidden == false) {
                //     ,      
                document.title = '      ';
            }
     });
    

    使用する乾物を更新し続け、軍兄に注目してサプライズ微博coderYJ coderYJ微信公衆番号coderYJ