如何将Chrome扩展默认网站访问权限设置为“On Click”？

要让Chrome扩展安装后默认将网站访问权限设为“On Click”（点击时），最简洁的方案是利用Chrome的activeTab权限，无需用户手动配置：

核心配置步骤 #

1. 修改manifest.json权限 #

不要在配置中声明host_permissions（这会让扩展默认获得常驻网站权限），而是添加activeTab权限（Manifest V2/V3通用）。该权限的作用是：用户点击扩展图标时，临时授予扩展当前页面的访问权限，关闭页面后权限自动失效，完美对应“点击时”的权限模式。

Manifest V3 示例配置

{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["activeTab", "scripting"],
  "action": {
    "default_popup": "popup.html"
  }
}

Manifest V2 示例配置

{
  "manifest_version": 2,
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["activeTab"],
  "browser_action": {
    "default_popup": "popup.html"
  }
}

2. 实现点击触发逻辑 #

当用户点击扩展图标时，通过API注入脚本或执行页面操作：

Manifest V3 点击触发代码（可放在background.js或popup.js）

chrome.action.onClicked.addListener(async (tab) => {
  // 注入内容脚本到当前页面
  await chrome.scripting.executeScript({
    target: { tabId: tab.id },
    files: ["content-script.js"]
  });
  // 也可直接执行代码片段
  // await chrome.scripting.executeScript({
  //   target: { tabId: tab.id },
  //   func: () => { /* 你的页面操作逻辑 */ }
  // });
});

Manifest V2 点击触发代码

chrome.browserAction.onClicked.addListener((tab) => {
  chrome.tabs.executeScript(tab.id, {
    file: "content-script.js"
  });
});

方案优势 #

• 安装后默认权限即为“点击时”，无需用户手动调整设置
• activeTab属于轻量权限，安装时不会向用户展示宽泛的权限提示，提升用户接受度
• 完全适配静态内容网站的需求，仅在用户主动触发时才访问页面内容，避免不必要的资源占用

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