如何定位触发网页自动跳转的JavaScript语句？

针对你遇到的京东页面自动跳转问题，以下是一套系统的调试方法，帮你精准定位触发跳转的代码并设置断点：

一、拦截所有跳转行为的通用断点 #

不管跳转是通过window.location.href、location.replace、meta标签刷新还是其他方式触发，都可以用这个方法直接断住：

• 打开浏览器DevTools（按F12），切换到Sources面板
• 在右侧侧边栏找到「Event Listener Breakpoints」，展开「Navigation」分类，勾选「Location change」选项
• 刷新目标页面，只要页面触发跳转动作，DevTools就会自动暂停，此时查看右侧的「Call Stack」（调用栈），往上回溯找到属于用户脚本的栈帧（而非浏览器内部代码），点击就能跳转到触发跳转的代码位置。

二、精准拦截location.href赋值的断点 #

如果你确定是通过修改location.href触发的跳转，可以直接给这个属性设置拦截：

• 在DevTools的Console面板输入以下代码并回车：

  Object.defineProperty(window.location, 'href', {
    set: function(val) {
      debugger;
      return val;
    }
  });
  

• 刷新页面，当任何代码尝试修改location.href时，会立刻触发断点，直接定位到赋值的代码行。

三、排查延迟触发的跳转（定时器驱动） #

如果跳转是延迟一段时间才触发的，大概率是setTimeout或setInterval驱动的，可通过以下方式拦截：

• 在Console面板输入代码覆盖原生定时器：

  const originalSetTimeout = setTimeout;
  setTimeout = function(callback, delay) {
    debugger;
    return originalSetTimeout(callback, delay);
  };
  

• 刷新页面后，所有setTimeout都会触发断点，你可以逐个查看回调函数，找到包含跳转逻辑的那一个。

四、排查meta标签自动刷新 #

部分页面会用<meta http-equiv="refresh" content="N;url=xxx">实现跳转，这种情况可以：

• 切换到Elements面板，按Ctrl+F（或Cmd+F）搜索meta[http-equiv="refresh"]，直接找到对应的标签查看跳转目标和延迟时间。

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