如何通过Chrome DevTools在响应页面脚本执行前暂停？无服务端源码场景

听起来你遇到的是表单提交成功后，服务端返回的页面自动插入跳转脚本并立刻执行的情况，而且你没法修改服务端代码对吧？这里有两个可行的解决方案，根据你的需求来选：

方案一：用AJAX提交表单，完全避免页面重载 #

这个方法的核心是绕过浏览器默认的表单提交行为，用JavaScript异步发送请求，这样页面不会刷新，自然也就不会触发那个跳转脚本。具体代码如下：

// 找到页面上的表单元素
const targetForm = document.querySelector('form');

// 监听表单的提交事件
targetForm.addEventListener('submit', async (event) => {
  // 阻止浏览器默认的提交和页面刷新行为
  event.preventDefault();

  // 收集表单里的所有数据
  const formData = new FormData(targetForm);

  try {
    // 发送POST请求到表单的目标地址（如果form没有action属性，默认是当前页面）
    const response = await fetch(targetForm.action || window.location.href, {
      method: 'POST',
      body: formData,
      credentials: 'include' // 如果需要携带登录态Cookie，一定要加上这行
    });

    // 这里可以处理提交后的响应，比如获取返回的页面内容或者提示用户
    const responseContent = await response.text();
    console.log('提交成功，服务端返回内容:', responseContent);
    // 你可以在这里添加自己的成功提示，比如创建一个div显示“提交成功”
  } catch (error) {
    console.error('提交过程出错:', error);
    // 处理错误情况，比如提示用户提交失败
  }
});

把这段代码放到浏览器的控制台执行，或者用书签工具（Bookmarklet）保存下来，每次访问页面时运行即可。

方案二：阻止跳转脚本执行（保留页面刷新） #

如果你必须保留表单提交后页面刷新的行为，但不想被跳转到其他网站，可以用用户脚本（比如Tampermonkey）提前注入代码，拦截window.location的跳转操作。

创建一个Tampermonkey脚本，内容如下：

// ==UserScript==
// @name        拦截表单提交后的强制跳转
// @match       替换成你的页面的URL
// @run-at      document-start // 必须在页面开始加载前就运行，才能拦截脚本
// ==/UserScript==

// 覆盖window.location的赋值操作，阻止指定地址的跳转
const originalLocation = window.location;
Object.defineProperty(window, 'location', {
  get: () => originalLocation,
  set: (newUrl) => {
    // 检查是否是要跳转的目标地址，匹配到就阻止
    if (newUrl.includes('someothersite.com')) {
      console.log('已阻止强制跳转:', newUrl);
      return;
    }
    // 其他正常的跳转允许执行
    originalLocation.href = newUrl;
  }
});

这个脚本会在页面加载的最早期运行，覆盖window.location的设置逻辑，当检测到要跳转到目标地址时直接阻止，其他跳转不受影响。

内容的提问来源于stack exchange，提问作者Mike D3ViD Tyson