ブラウザ履歴の可用性を検出する方法

ブラウザで戻るボタンが機能するかどうかを判断することは、Web 開発中の一般的な懸念事項です。ただし、JavaScript を使用してブラウザの履歴を直接チェックすることは通常は実現できないことに注意することが重要です。

技術的アプローチ:history.previous

技術的には、1 つのアプローチは次のことを利用することです。 History.previous プロパティ。このプロパティは、ブラウザの履歴の前のページを示すことになっています。

let prevPageExists = history.previous ? true : false;

history.previous

の制限事項 残念ながら、この方法は信頼できる解決策を提供しません。ほとんどのブラウザでは、このプロパティはセキュリティ上の懸念があると考えられており、通常は未定義を返します。

代替アプローチ:history.length

もう 1 つの推奨される方法は、history.length を確認することです。財産。このプロパティは、ブラウザの履歴のエントリの総数を示します。

let historyLength = history.length;

history.length の欠点

このアプローチは最初は実行可能に思えるかもしれませんが、限界があります。履歴スタック内のユーザーの現在位置に関する情報は提供されません。さらに、history.length の開始値は、ブラウザの設定やランディング ページの存在などの要因によって異なる場合があります。

実際的な考慮事項

実際のシナリオでは、開発者は多くの場合、より微妙なアプローチが選択されます。 History.back() またはhistory.go(-1) をトリガーするリンクを追加することで、「戻る」ボタンの機能が間接的にテストされます。 「戻る」ボタンが使用できない場合、リンクをクリックしても何も起こりません。このアプローチは、セキュリティ プロトコルに違反することなく、ユーザーの期待に効果的に応えます。