Chrome扩展内容脚本中调用window.stop()后如何恢复加载？

1. 语法错误导致脚本终止 #

你的代码里replace方法缺少参数分隔逗号，正确写法应为：

.replace('old link', 'new link');

这个语法错误会直接中断脚本执行，后续的页面重建逻辑无法正常完成，导致页面加载异常。

2. window.stop()的副作用 #

调用window.stop()会终止当前页面所有资源加载与脚本执行，即便你重新写入修改后的HTML，这种完全重建页面的方式容易触发加载状态紊乱，且通过XMLHttpRequest重新请求页面，拿到的是服务器原始内容，可能和当前已动态修改的DOM存在差异。

3. 更可靠的实现方案 #

方案一：直接修改DOM中的脚本链接（推荐） #

无需中断页面加载，直接定位并替换目标脚本标签：

// 替换外部脚本链接
const externalScripts = document.querySelectorAll('script[src="old link"]');
externalScripts.forEach(tag => {
  tag.src = 'new link';
});

// 替换内联脚本中的链接内容
const inlineScripts = document.querySelectorAll('script:not([src])');
inlineScripts.forEach(tag => {
  tag.innerHTML = tag.innerHTML.replace('old link', 'new link');
});

方案二：优化全页面替换逻辑 #

如果必须替换整个页面HTML，可调整为直接读取当前DOM内容，避免重新请求：

// 直接获取当前页面完整HTML
let html = document.documentElement.outerHTML;
// 修正replace语法
html = html.replace('old link', 'new link');

// 重建页面
document.open();
document.write(html);
document.close();
// 手动触发load事件，适配依赖该事件的页面脚本
window.dispatchEvent(new Event('load'));

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