JSでページが初めて読み込まれますか?それとも更新されますか?


1 window.name属性を利用して、ページ更新時にリセットされないという判断(該当属性が空いている場合は使用可能)

if(window.name == ""){
 console.log("     ");
 window.name = "isReload"; //              window.name        
}else if(window.name == "isReload"){
  console.log("     ");
}
2 session Strageまたはクッキーで判断する
window.name実現方法と似ていますが、初めて読み込む時に固定値を設定してから判断すればいいです。
ここはsession Strageを例にしています。

if(sessionStorage.getItem("isReload")){
   console.log("     ");
}else{
 console.log("     ");
 sessionStorage.setItem("isReload", true)
}
3 window.chromeオブジェクトを使用することができます。(この方法はGoogleブラウザでしか使用できません。他のブラウザはchromeオブジェクトがありません。)
オブジェクトは、ページ性能に関するオブジェクトを得ることができるloadTimes()方法を提供する。
この中にnavigationType属性があります。ページの読み込みと更新を判断してくれますか?
これは2つの値Reload(リフレッシュ)とOther(最初のロード)があります。
だからifで判断できます。

if(sessionStorage.getItem("isReload")){
   console.log("     ");
}else{
 console.log("     ");
 sessionStorage.setItem("isReload", true)
}
window.chrome.loadTimesを使って、警告を知らせます。
isreload.20[Deprecation]chrome.loadTimes()is deprecated,instead use stadardized API:Navigation Timing 2.https://www.chromestatus.com/features/5637885046816768.
公式はすでにこの方法が廃棄されたと説明しています。標準化APIを使用します。Navigation Timing 2
上のコードは全部変更する必要があります。

if (window.performance.navigation.type == 1) {
 console.log("     ")
}else{
 console.log("     ")
}
締め括りをつける
上記はJS判定ページを使って紹介されたものです。初めて読み込まれたか、それとも更新されたかを判断します。皆様に何かご質問があれば、メッセージをください。ここでも私たちのサイトを応援してくれてありがとうございます。