无法控制脚本触发window.location重定向，如何用JS事件监听器捕获？

好问题！这种没法干预原有脚本的场景确实有点棘手，但我们可以通过重写window.location的相关属性和方法来实现拦截——毕竟原有脚本是通过window.location触发的重定向，这个过程会调用location对象的setter或方法，我们完全可以在这些环节插入自己的逻辑。

核心思路：覆盖location的setter和方法 #

当脚本执行window.location.href = 'xxx'、window.location = 'xxx'、location.assign('xxx')或location.replace('xxx')时，本质是调用了location对象的对应setter或方法。我们可以先保存原始实现，再替换成自定义逻辑，从而捕获重定向行为。

1. 拦截window.location.href赋值（最常见场景） #

// 先保存原始的href setter
const originalHrefSetter = Object.getOwnPropertyDescriptor(window.location, 'href').set;

// 重写href的setter
Object.defineProperty(window.location, 'href', {
  set: function(newUrl) {
    // 这里就是你捕获重定向的入口
    console.log('即将重定向到:', newUrl);
    
    // 如果你想获取新文档内容，可以在这里用fetch请求（注意跨域限制）
    // fetch(newUrl).then(res => res.text()).then(html => console.log('新文档:', html));
    
    // 若要允许重定向继续执行，调用原始setter
    originalHrefSetter.call(this, newUrl);
    
    // 若要阻止重定向，直接注释掉上面一行，执行自己的逻辑即可
    // alert('重定向已被拦截');
  }
});

2. 同时覆盖assign和replace方法 #

有些脚本可能会用location.assign()或location.replace()触发重定向，所以最好也把这两个方法覆盖：

// 拦截assign方法
const originalAssign = window.location.assign;
window.location.assign = function(newUrl) {
  console.log('assign方法触发重定向:', newUrl);
  // 可选：获取新文档、阻止重定向等逻辑
  originalAssign.call(this, newUrl);
};

// 拦截replace方法
const originalReplace = window.location.replace;
window.location.replace = function(newUrl) {
  console.log('replace方法触发重定向:', newUrl);
  // 可选：自定义逻辑
  originalReplace.call(this, newUrl);
};

关键注意事项 #

• 脚本加载顺序：你的自定义脚本必须在原有脚本之前加载执行！否则原有脚本已经触发重定向了，拦截逻辑根本来不及生效。
• 跨域限制：如果想通过fetch获取新文档内容，目标URL必须和当前页面同域，或者目标服务器配置了CORS允许跨域请求，否则会被浏览器的同源策略阻止。
• 兼容性：这种方法在现代浏览器中都能正常工作，因为Object.defineProperty已经是标准API了。

关于捕获新文档的补充 #

如果你的核心需求是获取新加载的文档内容，除了上面提到的fetch方式，还有一种思路：如果允许重定向继续执行，你可以在新页面中注入脚本（但前提是新页面和当前同域，且你能控制新页面的加载环境），不过这种场景受限较多，还是优先用拦截时的fetch方案更直接。

内容的提问来源于stack exchange，提问作者benams