Как сделать всплывающее окно Chrome Extension перетаскиваемым?

Question

Я заметил, что всплывающее окно действий браузера 1password chrome можно перетаскивать. Как я могу сделать, чтобы мое собственное расширение Chrome делало то же самое? Кажется, я ничего не могу найти в документах по расширению chrome.

Несколько других функций, которые есть во всплывающем окне с расширением chrome 1password, которые я также не могу найти в документах.

• Когда появляется всплывающее окно с 1 паролем, в верхней части всплывающего окна появляется маленький треугольник, который появляется там, где находится мой курсор. Как это произошло? Насколько я знаю, HTML-документ, который я ассоциирую со всплывающим окном, отображается в виде прямоугольника без треугольника.
• Я не могу щелкнуть правой кнопкой мыши тело всплывающего окна 1password, чтобы просмотреть javascript. Может быть, это потому, что они переопределяют поведение contextMenu по умолчанию?

Answer 1

Стандартное всплывающее окно нельзя перетаскивать, также вы не можете добавлять что-либо за его границы. Это всплывающая страница, объявленная через browser_action или page_action в manifest.json.

Обходные пути:

• открыть отдельное окно, используя chrome.windows.create ,
  укажите параметр type как 'popup'
• создать элемент DOM внутри веб-страницы с помощью сценария содержимого ,
  см. Также Как действительно изолировать таблицы стилей в расширении Google Chrome?
  Элемент можно перетаскивать .

Для проверки страниц, которыезаблокировав контекстное меню, вы можете открыть devtools из меню браузера, затем «Дополнительные инструменты» или сначала сфокусировать адресную строку, затем нажать горячую клавишу, чтобы открыть devtools ( Ctrl Shift i или F12 в Windows) или со внутренней страницы пользовательского интерфейса chrome://inspect/#pages.

PS технически вы можете написать внешнюю утилиту и запустить ее через nativeMessaging поэтому для перемещения стандартного всплывающего окна будет использоваться низкоуровневый API-интерфейс ОС, но это очень сложноIle.