URL非表示のページを開くテスト<br>

<br>
<button id='btn'>開く</button>

<script>


document.getElementById('btn').onclick = () => {
  fetch('/supersecret.html', {method: 'GET'})
    .then(data => data.text())
    .then(res => {

        // ウィンドウを作成する
        let w = window.open('','_blank', 'popup=1');

        // 初期状態としてHTMLを直接挿入
        w.document.body.innerHTML = res


        // ページがリロードされた時のハンドラー
        const resetHandler = () => {
          w.addEventListener('beforeunload', () => {

            // もしリロードされたら、0.1秒待ってHTMLを挿入しハンドラーをリセットする
            setTimeout(() => {
              try{
                w.document.body.innerHTML = res;
              } catch(err){
                // クロスオリジンでエラー(URLバーが直接編集されたような場合)は、windowを閉じる
                w.close();
              }
              resetHandler();
            }, 100);
            
          });
        }

        resetHandler();
    })
}

</script>