如何使 Chrome 扩展弹出窗口可拖动？

Question

我注意到 1password chrome 扩展浏览器操作弹出窗口是可拖动的。我怎样才能让我自己的 chrome 扩展做同样的事情？我似乎在 chrome 扩展文档中找不到任何内容。我在文档中也找不到 1password chrome 扩展弹出窗口的其他一些功能。当 1password 弹出窗口出现时，弹出窗口顶部会出现一个小三角形，出现在我的光标所在的位置。这是怎么发生的？据我所知，与弹出窗口关联的 html 文档显示为没有三角形的矩形。我无法右键单击 1password 弹出窗口的主体来检查 javascript。这可能是因为它们覆盖了默认的 contextMenu 行为？

Answer 1

标准弹出窗口不能拖动，也不能在其边框外添加任何内容。它是通过manifest.json 中的 browser_action或page_action声明的弹出页面。

解决方法是：

• 使用chrome.windows.create打开一个单独的窗口，
  将type参数指定为'popup'

• 使用内容脚本在网页内创建 DOM 元素，
  另请参阅如何在 Google Chrome 扩展程序中真正隔离样式表？
  该元素可以是可拖动的。

要检查阻止上下文菜单的页面，您可以从浏览器菜单打开 devtools，然后打开“更多工具”，或首先聚焦地址栏，然后按热键打开 devtools（CtrlShifti或F12在 Windows 中）或从内部 UI 页面chrome://inspect/#pages。

PS 从技术上讲，您可以编写外部实用程序并通过nativeMessaging运行它，因此它将使用低级操作系统 API 来移动标准弹出窗口，但这非常脆弱。