无源码访问且无用户交互时，如何用JavaScript阻止页面自动刷新？

核心需求 #

无法修改网页源码，仅能通过浏览器控制台操作，阻止无用户交互触发的自动页面刷新。

你之前尝试的问题分析 #

1. 覆盖setInterval时机太晚：页面加载时初始化的定时器已经用原生函数注册，你的覆盖代码运行后无法捕获这些旧定时器
2. beforeunload确实不适用：该事件仅在用户主动触发导航时生效，自动刷新不会触发用户交互，所以无效
3. 定时器ID记录失效：同样是因为代码运行晚于页面初始化的定时器注册，抓不到已存在的定时器ID
4. clearInterval调用错误：你传的是window.setInterval函数本身，而clearInterval需要传入具体的定时器ID

针对性解决方案 #

1. 拦截所有定时器（覆盖+批量清除） #

提前覆盖定时器（推荐用控制台代码片段自动执行）

如果能在页面加载前运行代码（比如Chrome控制台的Snippets功能，设置页面加载时自动运行），可以提前捕获所有定时器：

// 保存原生定时器函数
const originalSetInterval = window.setInterval;
const originalSetTimeout = window.setTimeout;
const activeTimers = new Set();

// 覆盖setInterval，记录所有新定时器ID
window.setInterval = function(...args) {
  const timerId = originalSetInterval.apply(this, args);
  activeTimers.add(timerId);
  return timerId;
};

// 覆盖setTimeout，记录所有新定时器ID
window.setTimeout = function(...args) {
  const timerId = originalSetTimeout.apply(this, args);
  activeTimers.add(timerId);
  return timerId;
};

// 批量清除所有记录的定时器
window.clearAllTimers = () => {
  activeTimers.forEach(id => {
    clearInterval(id);
    clearTimeout(id);
  });
  activeTimers.clear();
  console.log("所有定时器已清除");
};

运行后调用clearAllTimers()即可清除所有被记录的定时器。

批量遍历清除（适合没提前覆盖的情况）

如果已经错过了页面加载时机，可以直接遍历可能的定时器ID范围（浏览器定时器ID是递增数字）：

// 遍历清除1-1000范围内的所有定时器（范围可按需调整）
for (let i = 1; i <= 1000; i++) {
  clearInterval(i);
  clearTimeout(i);
}

2. 拦截meta标签触发的刷新 #

很多网站用<meta http-equiv="refresh">实现自动刷新，直接移除这类标签即可：

// 查找并移除所有刷新meta标签
document.querySelectorAll('meta[http-equiv="refresh"]').forEach(meta => meta.remove());

3. 拦截直接调用的刷新/跳转 #

如果网站用location.reload()、location.href或location.replace()直接触发刷新，覆盖这些方法即可：

// 阻止reload刷新
window.location.reload = () => {
  console.log("自动刷新被阻止");
  return false;
};

// 阻止href修改触发的跳转/刷新
Object.defineProperty(window.location, 'href', {
  get: () => `${window.location.origin}${window.location.pathname}${window.location.search}`,
  set: (newVal) => {
    if (newVal !== window.location.href) {
      console.log("跳转/刷新被阻止:", newVal);
    }
  },
  configurable: true
});

// 阻止replace跳转
window.location.replace = () => {
  console.log("replace跳转被阻止");
  return false;
};

4. 用开发者工具断点拦截 #

无需写代码，直接用浏览器开发者工具拦截：

• 打开Sources面板，点击右上角的「暂停未捕获异常」按钮（暂停图标带感叹号）
• 或者在Sources面板的Global Listeners里找到beforeunload、location.reload等事件，设置断点
• 当页面触发刷新时会自动暂停，此时可以跳过执行刷新逻辑

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