You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用JavaScript实现Google Chrome Extension切换新标签时自动弹出

Chrome扩展自动弹出实现方案

可以实现,仅支持Manifest V3版本的扩展,具体实现步骤如下:

  • 第一步:配置manifest.json文件,声明必要权限、后台服务Worker以及扩展弹出页配置:
{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["tabs"],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_popup": "popup.html"
  }
}
  • 第二步:在后台服务Worker文件background.js中监听新标签页创建事件,触发自动弹出扩展的逻辑:
// 监听新标签页创建事件
chrome.tabs.onCreated.addListener(async (newTab) => {
  // 可自定义触发条件,这里以打开系统默认新标签页为例
  if (newTab.url === "chrome://newtab/" || newTab.pendingUrl === "chrome://newtab/") {
    await chrome.action.openPopup();
  }
});

注意事项:chrome.action.openPopup()仅允许在扩展被用户主动交互、或者系统级事件触发的回调中调用,上述新标签页创建场景属于Chrome允许的合法触发范围,不会被安全策略拦截。如果你需要在其他场景触发自动弹出,需要先确认场景符合API的调用规则。

内容的提问来源于stack exchange,提问作者user17150885

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.24 13:27:05