Chrome扩展点击外部区域消失，如何使其窗口保持固定？

方法1：使用Chrome侧边栏（推荐，Chrome 114及以上版本） #

Chrome 114之后支持扩展侧边栏，侧边栏会固定在浏览器窗口一侧，不会因点击外部关闭，适配持续操作场景：

• 在扩展的manifest.json中声明侧边栏权限与配置：

  {
    "name": "你的扩展名称",
    "version": "1.0",
    "manifest_version": 3,
    "action": {
      "default_title": "打开侧边栏"
    },
    "sidebar_action": {
      "default_panel": "sidebar.html",
      "default_title": "你的扩展侧边栏"
    },
    "permissions": ["sidePanel"]
  }
  

• 点击扩展图标时自动打开侧边栏（可选）：
  在background.js中添加逻辑：

  chrome.action.onClicked.addListener(() => {
    chrome.sidePanel.open({ windowId: chrome.windows.WINDOW_ID_CURRENT });
  });
  

  配置后侧边栏会固定在浏览器侧边，进行Google登录时不会意外关闭。

方法2：创建独立可固定窗口 #

若需要更灵活的窗口位置，可通过chrome.windows.create创建独立窗口并设置固定属性：

• 在扩展后台脚本或弹窗脚本中调用API创建窗口：

  chrome.windows.create({
    url: "your-login-page.html",
    type: "popup",
    width: 400,
    height: 600,
    left: 100,
    top: 100,
    focused: true,
    alwaysOnTop: true // 让窗口始终处于最上层，避免被其他窗口遮挡
  });
  

• 这种窗口属于独立Chrome窗口，并非默认popup，点击外部不会关闭，适合长流程的登录操作。

关键说明 #

• Chrome原生的popup（即action.default_popup配置的窗口），机制就是点击外部或切换标签页时关闭，无法修改该行为，必须替换为上述两种方案。
• 使用alwaysOnTop属性时需注意用户体验，避免过度干扰用户其他操作。

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