无需tabs权限如何在后台脚本识别自身扩展的newtab页面打开事件

方案一：页面端直接抢占焦点（最优，无需background、无额外权限） #

不需要通过background识别新标签页创建，直接在你自定义的newtab.html中提前执行聚焦逻辑即可，执行速度完全可以覆盖抢Omnibox焦点的需求：

• 给你的搜索输入框添加原生autofocus属性兜底
• 在<head>标签中插入内联脚本，无需等待DOM加载完成，直接执行逻辑，同时兼容用户opt-out需求，示例代码如下：

<head>
  <script>
    // 优先读取用户配置，若用户已关闭自定义新标签页直接跳转到系统原生新标签页
    chrome.storage.local.get('newtabOptOut', (res) => {
      if (res.newtabOptOut) {
        location.replace('chrome://newtab')
        return
      }
      // 抢占窗口焦点
      window.focus()
      // 高频轮询等待搜索输入框挂载，比监听DOMContentLoaded速度更快
      const inputCheckTimer = setInterval(() => {
        const searchInput = document.getElementById('你的搜索框ID')
        if (searchInput) {
          clearInterval(inputCheckTimer)
          searchInput.focus()
          searchInput.select()
        }
      }, 10)
    })
  </script>
</head>

这个方案完全不需要申请任何额外权限，也不需要background参与逻辑，是优先级最高的选择。

方案二：background识别自身新标签页（无需tabs权限） #

如果你确实需要在background的chrome.tabs.onCreated回调中识别自身新标签页创建，可以用Manifest V3自带的chrome.runtime.getContextsAPI实现，这个API仅查询当前扩展自身的运行上下文，不需要申请任何敏感权限，也不会触发浏览历史读取的权限提示：

• background脚本示例代码：

// 拼接你自身新标签页的固定地址
const MY_NEWTAB_URL = `chrome-extension://${chrome.runtime.id}/newtab.html`

chrome.tabs.onCreated.addListener(async (newTab) => {
  // 查询当前扩展的TAB类型上下文，匹配新标签页地址
  const extContexts = await chrome.runtime.getContexts({
    contextTypes: ['TAB'],
    documentUrlPatterns: [MY_NEWTAB_URL]
  })
  // 匹配tabId确认是自身的新标签页
  const isSelfNewtab = extContexts.some(context => context.tabId === newTab.id)
  if (isSelfNewtab) {
    // 执行你需要的逻辑，比如发消息给页面触发聚焦
    chrome.tabs.sendMessage(newTab.id, { action: 'focusSearch' })
  }
})

这个方案的识别时机远早于页面主动发消息给background的时机，完全可以满足你的需求。

过往尝试方案的问题说明 #

• chrome-extension协议相关路径不需要也不能添加到manifest的permissions中，扩展默认对自身协议下的资源有全部权限，主动申请会触发格式错误
• 不需要跳转线上托管页面，直接在扩展自带的新标签页中判断用户opt-out配置，跳转原生chrome://newtab即可满足需求

内容的提问来源于stack exchange，提问作者Paweł Wszoła