Web扩展Content Script跨域调用维基百科AJAX失败排查求助

嘿，我来帮你捋捋这个问题哈～你的请求失败大概率是权限配置的问题，当然也可能是对Content Script的运行机制有点误解，我给你拆解下关键点：

1. 跨域权限是重中之重 #

Web扩展的Content Script虽然能访问页面DOM，但它处于隔离的运行环境里，发起跨域请求必须在manifest.json里明确声明目标域名的权限。

看你给出的Manifest v2开头，应该还没添加维基百科的权限配置。你需要在manifest.json里补上permissions字段，比如：

{
  "manifest_version": 2,
  "name": "SearchH1Extension",
  "version": "1.0",
  "description": "Toma todas los tags h1 de un dom particular, los agrupa y busca en wikipedia los titulos realcionados con esas palabras",
  "icons": { /* 你的图标配置 */ },
  "permissions": [
    "https://*.wikipedia.org/*"  // 可以访问所有维基百科站点，也可以指定具体语言站比如https://es.wikipedia.org/*
  ],
  "content_scripts": [
    {
      "matches": ["<all_urls>"], // 换成你要作用的特定页面匹配规则也行
      "js": ["你的内容脚本文件名.js"]
    }
  ]
}

要是没加这个权限，浏览器会直接拦截跨域请求，而且这种拦截有时候不会在普通页面的控制台输出错误——这也是你看不到日志的原因之一。

2. 别找错控制台了！ #

Content Script的日志不会显示在普通页面的控制台里！你得打开Chrome DevTools的「扩展程序」面板（Firefox的话是调试器里的扩展脚本选项），找到你的扩展对应的Content Script，才能看到它的错误日志。

很多新手都会忽略这点，盯着页面控制台找半天，其实日志都在扩展专属的控制台里呢。

3. 还有几个小细节要检查 #

• 先确认请求URL是否正确：比如维基百科的API地址是https://en.wikipedia.org/w/api.php（英文站），要是拼写错了肯定会失败。
• 验证Content Script是否正常注入：可以在脚本开头加一句console.log("脚本加载成功啦！")，然后去扩展控制台看有没有输出，先确保脚本能跑起来。

总的来说，先把维基百科的权限补上，再去扩展专属控制台看日志，应该就能解决问题啦～

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