Chrome扩展无法按请求URL过滤问题排查

我正在开发一款Chrome扩展，用于捕获包含“bounds”的URL响应，目标URL示例如下：

https://www.land.com/api/0/United-States/all-land/zoom-12/bounds-38.487397840020606-n98.67873224975584-38.67660627098903-n98.39205775024412/?sk=_cljFjdpxQz^utWzgJnbFwy@|`U_mIwnC

我先做了合理性检查以确保选中正确URL，代码如下：

function handleRequestFinished(request) {
  if (
    request.request.url.includes("bounds") &&
    request.request.url.includes("land")
  ) {
    console.log("---------------------------------");
    console.log(request.request.url);
    console.log("request");
    console.log("---------------------------------");
  }
}

chrome.devtools.network.onRequestFinished.addListener(handleRequestFinished);

但控制台输出了大量不符合条件的URL，请问我哪里出错了？

你的过滤条件过于宽泛：

• includes("bounds")会匹配任何包含"bounds"子串的URL，哪怕这个词出现在其他域名、请求参数里，都会被误判
• includes("land")同理，只要URL里有"land"字符串就会触发，完全没限制目标域名或路径结构

要精准捕获目标URL，建议用正则表达式匹配特定格式：

1. 限定域名是land.com
2. 匹配路径中bounds-开头的片段（符合你给出的示例格式）

修改后的代码示例：

function handleRequestFinished(request) {
  const url = request.request.url;
  // 正则匹配：域名包含land.com，且路径中有bounds-开头的数值片段
  const targetReg = /^https:\/\/.*land\.com.*\/bounds-\d+/;
  if (targetReg.test(url)) {
    console.log("---------------------------------");
    console.log(url);
    console.log("request");
    console.log("---------------------------------");
  }
}

chrome.devtools.network.onRequestFinished.addListener(handleRequestFinished);

如果需要更严格的匹配（比如完全贴合示例里的API路径结构），可以把正则写得更具体：

const targetReg = /^https:\/\/www\.land\.com\/api\/\d+\/United-States\/all-land\/zoom-\d+\/bounds-[\d.-]+/;

这样就能精准过滤出符合需求的URL，避免无关请求被捕获。

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