Chrome扩展开发求助：页面加载前追加URL开启安全搜索失败

你的代码存在几个关键问题，导致无法实现页面加载前自动追加安全搜索参数的需求，以下是具体问题和修复方案：

核心问题分析 #

1. 触发逻辑错误：你使用的chrome.browserAction.onClicked（Manifest V3已废弃为chrome.action.onClicked）是点击扩展图标才触发的逻辑，但你的需求是页面加载前自动处理URL，完全不需要点击触发。
2. URL参数处理错误：padEnd是填充字符串到指定长度的方法，不是正确的参数追加方式，会导致URL格式混乱（比如原URL已有参数时重复添加符号、长度计算错误等）。
3. 权限不足：Manifest V3中拦截并修改请求需要webRequest和webRequestBlocking权限，当前权限无法支持该操作。
4. Manifest配置错误：background.service_worker在Manifest V3中应为字符串格式，而非对象。
5. 域名覆盖不全：host_permissions仅包含Google，未覆盖YouTube和Bing，无法实现你描述的全平台支持。

修复后的代码 #

1. 更新manifest.json #

{
  "name": "Force SafeSearch",
  "manifest_version": 3,
  "version": "1.0",
  "permissions": ["webRequest", "webRequestBlocking"],
  "host_permissions": [
    "https://*.google.com/*",
    "https://*.youtube.com/*",
    "https://*.bing.com/*"
  ],
  "description": "Enables SafeSearch on Google, YouTube and Bing.",
  "background": {
    "service_worker": "forceSafeSearch.js"
  },
  "icons": {
    "16": "images/icon-16.png",
    "32": "images/icon-32.png",
    "48": "images/icon-48.png",
    "128": "images/icon-128.png"
  }
}

2. 重写forceSafeSearch.js #

// 定义各平台安全搜索参数配置
const safeSearchConfigs = {
  "google.com": { key: "safe", value: "active" },
  "youtube.com": { key: "safe", value: "strict" },
  "bing.com": { key: "adlt", value: "strict" }
};

// 拦截请求并修改URL
chrome.webRequest.onBeforeRequest.addListener(
  (details) => {
    const url = new URL(details.url);
    // 匹配当前域名对应的配置
    for (const domain in safeSearchConfigs) {
      if (url.hostname.endsWith(domain)) {
        const { key, value } = safeSearchConfigs[domain];
        // 设置参数（自动覆盖已有参数，避免重复）
        url.searchParams.set(key, value);
        return { redirectUrl: url.toString() };
      }
    }
    // 不匹配的域名直接放行
    return {};
  },
  { urls: ["<all_urls>"] }, // 匹配host_permissions中允许的域名
  ["blocking"] // 必须声明blocking才能修改请求
);

说明 #

• 用chrome.webRequest.onBeforeRequest在页面加载前拦截请求，确保URL修改后再加载。
• 使用URL API的searchParams.set方法，自动处理参数的添加或覆盖，避免格式错误。
• 针对不同平台配置了对应的安全搜索参数，确保各平台生效。
• 修正了Manifest V3的service_worker配置格式，补充了必要的权限和域名。

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