javascript - 为什么单击后退按钮时 popstate 不触发我的功能？ (移动 ios Chrome )

Question

当链接在新选项卡中打开时，我正在尝试这样做，可以通过后退按钮返回引荐页面。

const referrer = document.referrer;
const redirect = (e) => {
     if(e.state.goBack){
        window.location.href = window.location.href;
     }
 }

const _location = window.location.href
history.replaceState({goBack: true}, null, referrer);
history.pushState({}, null, _location);

window.addEventListener('popstate', redirect);

在 MacBook、android chrome/firefox 中运行良好。仅在 iPhone/iPad 中，它不起作用。它只是回到他自己。即使我在重定向功能中添加警报，当我在 iPad chrome 中单击后退按钮时它也不会显示。 :(

感觉在 iPad 上单击后退按钮不会触发重定向功能。

Answer 1

我遇到了同样的问题。我发现的解决方法不是使用 replaceState，而是使用 pushState:https://jsfiddle.net/6dayLhzs/1

const referrer = document.referrer;
const redirect = (e) => {
    if(e.state.goBack){
        window.location.href = window.location.href;
    }
 }

const _location = window.location.href
history.pushState({goBack: true}, null, referrer);
history.pushState({}, null, _location);

window.addEventListener('popstate', redirect);