Chrome DevTools Content Overrides是否支持通配符或模式匹配HTTP请求URL？

首先明确：原生Chrome DevTools的Content Overrides不支持通配符、正则或任何形式的URL模式匹配，只能针对完整的静态URL创建覆盖项，所以处理/v1/users/:id这类带动态参数的端点确实不现实。

给你几个实用的解决办法：

1. 用DevTools原生Network拦截功能 #

不用依赖Overrides，直接用Network面板的请求拦截能力：

• 打开DevTools → 切换到Network面板，点击左上角的「拦截请求」按钮（开启后图标变红）
• 右键拦截规则列表，选择「添加模式」，输入通配符规则，比如*/v1/users/*（匹配所有域名下的该路径），或者精准指定域名https://your-api-domain.com/v1/users/*
• 拦截到目标请求后，右键选「修改并发送」可临时修改响应；如果要持久化替换，能在拦截规则里设置「自动替换」，指定本地文件作为响应内容

2. 用Chrome扩展实现模式匹配 #

这类扩展专门解决动态URL拦截需求，推荐几个常用的：

• Requestly：支持通配符、正则匹配URL，能直接替换响应内容，还可以批量管理规则，设置持久化生效，完全覆盖你的需求
• Modify Headers for Google Chrome：除了修改请求头，也支持拦截响应并替换内容，URL模式匹配功能足够用
• 要是需要更复杂的全局拦截，也可以用Charles Proxy（桌面工具），支持正则匹配URL、替换响应，适合跨浏览器或多设备的测试场景

3. 临时用Service Worker拦截（适合懂前端的开发者） #

如果只是临时测试，不想装扩展，可以用Service Worker临时拦截：

• 打开DevTools → Application面板 → Service Workers → 勾选「绕过网络」
• 在Console里写入以下代码（根据你的需求修改匹配规则和响应内容）：

self.addEventListener('fetch', event => {
  // 匹配UUID格式的用户ID路径
  if (/\/v1\/users\/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(event.request.url)) {
    event.respondWith(
      new Response(JSON.stringify({
        id: 'mocked-uuid',
        name: 'Mocked User',
        email: 'mock@example.com'
      }), {
        headers: { 'Content-Type': 'application/json' }
      })
    );
  }
});

• 这个Service Worker只在当前页面会话有效，关闭页面后自动失效，适合快速测试动态接口的替换效果

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