JSでブラウザがリロードされたかどうかを判定する

JavaScriptで更新ボタンや右クリックからリロード、ひっぱって更新などでブラウザがリロードされたかどうかを判定する方法です。

window.performance


if (window.performance) {
  if (performance.navigation.type === 1) {
    // リロードされた
  } else {
    // リロードされていない
  }
}

performance.navigation.type1 であればリロードされたと判定することができます。また、これはリロードされたタイミングですぐに判定されるのではなく、 リロードされた後のページ で判定されることに注意してください。

CSS本執筆しました!!!