Javascpritでのページ読み込み種類の判別(リロード、ブラウザバック等)を偽装したい

Question

if (window.performance.navigation.type === 0/* TYPE_NAVIGATE /) {
// 初期表示
} else if (window.performance.navigation.type === 1/ TYPE_RELOAD /) {
// リロード
} else if (window.performance.navigation.type === 2/ TYPE_BACK_FORWARD */) {
// 履歴から遷移
} else {
// その他
}

上記のようにwindow.performance.navigation.type === 0などによって動作が異なる場合。
今表示されているページを0として再度表示したい場合、どのようなスクリプトで持って実現できますでしょうか？

location = 'other.html'; みたいに直接URLを代入するか、
location.assign('other.html'); みたいにassignメソッドを使えば移動が可能
location.reload(true); のようにreloadメソッドを使う。ただし true を渡すとキャッシュ無視で読み込み、 false を渡すとブラウザキャッシュからの読み込みになる
以上教えていただければと思います。

Answer 1

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#newload').addEventListener('click', ()=>{
    location.href=location.href;
  });
  document.querySelector('#reload').addEventListener('click', ()=>{
    location.reload();
  });
});
window.addEventListener('pageshow', ()=>{
  console.log(window.performance.navigation.type);
});

</script>
<input type="button" id="newload" value="new load">
<input type="button" id="reload" value="reload">

Comments

[Yudohu]

その記載でwindow.performance.navigation.type === 0になるのですね。

今回期待していた動作はURL手打ちなのですが、その動作というのも同じものでしょうか？
現環境では再現できませんでした。