单击事件时，在扩展图标上附加到 chrome 的固定位置打开扩展页面答案

【问题标题】：Open Extension page at fixed Position attached to chrome on Extension Icon on event of click单击事件时，在扩展图标上附加到 chrome 的固定位置打开扩展页面
【发布时间】：2025-11-24 13:45:02
【问题描述】：

我有创建扩展的需求。我需要创建一个扩展屏幕，在单击或悬停时将位置固定为顶部的铬合金。但我不知道任何那种 api。

chrome.tabs.create({ url: chrome.extension.getURL('landing.html'), active: true }, function(tab) { chrome.windows.create({ tabId: tab.id, type: 'popup', 'width': w, 'height': h, 'left': left, 'top': top, focused: true }); });

类型为type: 'popup' 或type: 'normal' 或type: 'devtools' 但无论如何我都无法实现我所需要的。我做错了什么？或者 chrome 中没有 API。我需要 chrome 的这种行为。

【问题讨论】：

没有 API 可以移动 browserAction/pageAction 弹出窗口。您可以使用 chrome.windows.create 创建一个新的小窗口。或者，您可以在当前页面中插入一个看起来像模态的 DOM 元素。或者您可以编写一个nativeMessaging 主机实用程序，该实用程序使用低级操作系统方法来移动标准扩展弹出窗口。

标签： javascript google-chrome google-chrome-extension google-chrome-devtools google-chrome-app

【解决方案1】：

browserAction 的弹出窗口位于页面顶部，就在导航栏中的操作按钮下方（如您的屏幕截图所示）。可以使用您为此弹出窗口提供的 HTML 样式表设置尺寸（但不是位置）。

manifest.json：

  "browser_action": {
    "default_title": "The tooltip of the action button",
    "default_icon": {
      "16": "icon16.png",
      "32": "icon32.png"
    },
    "default_popup": "your_popup.html",
    "browser_style": true
  }

【讨论】：

是的，这件事已经做了。我想要固定的弹出窗口附加到扩展图标
浏览器操作弹出窗口应该是这种情况。或者与您想要实现的目标有什么不同？
你能看到弹出窗口右侧的任何十字按钮吗？我想要一个固定的浮动窗口，在点击弹出窗口外部后附加到我的扩展图标上，它应该会自行禁用。用户可以通过左键单击扩展图标启用它，或者单击右键单击上下文菜单图标。