Chrome browser cannot roll back

in Project A, a tag link jumps to Project B. Clicking the fallback button in Project B cannot be reversed, and it refreshes at the click of the fallback button. This only happens in:
1) chrome browser
2) Project B in the test environment or project B in the online environment (project B launched locally is no problem in chrome browser and can be rolled back)
Fox Fire and safari are all normal, no matter under what circumstances. All B projects can be rolled back

< hr >

after looking up a lot of information, adding this tag and this code, you can get the url, of An in chrome, but click back after jumping to Project B. at present, double-click the back button to go back, and my goal is to click on it to get back

.
        <meta name="referrer" content="always">
        
        if (navigator.userAgent.indexOf("AppleWebKit") > -1) {
                let prePageUrl = document.referrer;
                pushHistory();
                window.onpopstate = function () {
                    console.log("okokok");
                    window.location.href = prePageUrl;
                    return false;
                };
                function pushHistory() {
                    var state = {
                        title: "title",
                        url: "-sharp"
                    };
                    window.history.pushState(state, "title", "-sharp");
                }
            }
Nov.29,2021

yesterday the onpopstate was written as onPopstate. The correct thing should be that after the onpopstate, is changed, double-click can now roll back, but why do you have to double-click to fall back? How to achieve one-click fallback?

Menu