【JavaScript】PerformanceNavigationTimingでhistory.backを検知したい。

Question

実現したいこと

JavaScriptで「javascript:history.back()」で戻ってきたことを検知したい。

試したこと

以下で検知をしようとしましたが、必ず「通常のアクセス」と表示されてしまいます。
試しにブラウザの「戻る」ボタンで戻ってきても状況は変わらずでした。

window.onload = function(){
    var perfEntries = performance.getEntriesByType("navigation");
    perfEntries.forEach(function(pe){
        switch( pe.type ){
        case 'navigate':
            console.log('通常のアクセス');
            break;
        case 'reload':
            console.log('更新によるアクセス');
            break;
        case 'back_forward':
            console.log('戻るによるアクセス');
            break;
        case 'prerender':
            console.log('レンダリング前');
            break;
        }
    });
}

Comments

[etoshhy]

ちなみに、、
非推奨の方法となっているperformance.navigation.typeでも"0"（通常のアクセス）が返ってきます。

Answer 1

window.onload = function(){

ヒストリーバックしたときにonloadは処理されないかも
pageshowを試してみてください

window.addEventListener('pageshow',()=>{

Comments

[etoshhy]

ご回答ありがとうございます。
pageshowで動作はしますが、どうしても「console.log('通常のアクセス');」が呼び出されてしまいます。。

[yambejp]

飛び先のページから戻るときの処理が問題なのでは？
ブラウザの戻るボタンやhistory.back()で戻っていますか？

[etoshhy]

＞ブラウザの戻るボタンやhistory.back()で戻っていますか？
そうですね。どちらを試しても結果は同じです。

[etoshhy]

環境依存の問題かもしれないので、別の方法を使ってブラウザバックを検知することにしました。
本質問はクローズします。ありがとうございました。