如何使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'
• 使用content script在网页内创建DOM元素，
  另请参见How to really isolate stylesheets in the Google Chrome extension?
  元素can be draggable。

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

P.S。从技术上讲，您可以编写一个外部实用程序并通过nativeMessaging运行它，因此它将使用低级OS API移动标准弹出窗口，但这非常脆弱。