javascript - 避免第三方脚本的 window.location.reload()

Question

我在我的页面上使用了第三方脚本(Adobe DTM，对标签管理很有用)，它导致了以下问题:

我注意到我的页面在第一次完全加载后立即重新加载(在下一次加载时，它不再发生)，而问题出在这个函数上，存在于加载的脚本之一我的 HTML 中的 DTM 标记。

function Ne(Oe, Gc, nc, Ic) {
        if (Oe.targetJSLoaded) {
            return;
        }
        Ic.setCookie(Gc, true, nc);
        window.location.reload(); //in the first page load, this line is always executed
    }

一旦超过 5000 行并且被混淆，就很难弄清楚脚本中发生了什么。

我需要阻止 window.location.reload() 被执行，但我有以下问题:

1. 曾经是第三方加载的脚本(脚本标记指向一个 URL，该 URL 在页面加载期间加载了一堆其他脚本)，我无法手动编辑它。
2. 我无法阻止用户通过 F5 手动重新加载页面。

我已经尝试使用以下 jQuery 代码，但它不起作用:

$(window).bind("beforeunload",function(e){
        e.preventDefault();
});

考虑到所描述的情况，是否有一种形式可以防止程序重新加载？

Answer 1

关键是Oe.targetJSLoaded。找出什么是 Oe。尝试从 Ne 函数开始跟踪调用堆栈。

例如，Harbor Freight 的代码与您的类似:

TNT.a.ge = function (he, ie, Tb, nc, Ub) {
    if (!ie.targetJSLoaded) {
        Ub.setCookie(Tb, true, nc);
        he.location.reload();
    }
};

在您的函数和 Harbor Freight 的函数中，我们希望 targetJSLoaded 为 true。

环顾四周，我们发现 TNT.a.ge 被 TNT.a.je 调用，它被一个匿名函数调用，如下所示:

TNT.a.je(window, document, b, H, Ub);

在TNT.a.je中，我们推导出ie.targetJSLoaded指的是window._AT.targetJSLoaded。

定义属性以覆盖 window._AT.targetJSLoaded 为 true:

function overrideTargetJsLoaded(_AT) {
    Object.defineProperty(_AT, "targetJSLoaded", {
        value: true,
        enumerable: true,
        configurable: true
    });
    return _AT;
}

function override_AT() {
    let _AT = overrideTargetJsLoaded({});
    Object.defineProperty(window, "_AT", {
        get: function get_AT() {
            return _AT;
        },
        set: function set_AT(object) {
            _AT = overrideTargetJsLoaded(object);
        },
        enumerable: true,
        configurable: true
    });
}

现在，您需要在执行任何其他脚本之前覆盖 targetJSLoaded，因此您将调用 override_AT 函数的脚本放在所有其他脚本之前网页。