如何使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?

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

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