Как сохранить всплывающее окно HTML впереди в расширении Chrome во время перезагрузки страницы?

#javascript #google-chrome-extension #content-script

#javascript #google-chrome-extension #контент-скрипт

Вопрос:

Итак, расширение Chrome honey имеет всплывающее окно над страницей, введенной contentscript, которое показывает текущий прогресс применения купонов в интернет-магазине.

Некоторые веб-сайты перезагружаются целиком, если вы отправляете купон (вместо просто запросов AJAX), поэтому, если бы вы ввели какой-то HTML, он исчез бы, потому что contentscript был бы перезагружен, и ему пришлось бы снова вводить HTML.

Смотрите это в качестве примера: https://youtu.be/iLk9Y5VUToE?t=87

Как они сохраняют всплывающее окно впереди все время, пока страница перезагружается, отслеживая прогресс?

ПРИМЕЧАНИЕ: речь идет не о функциональности всплывающего окна (например popup.html )

Надеюсь, я объяснил это достаточно хорошо 🙂

Комментарии:

1. Возможно, они используют отдельную утилиту. Или, может быть, они загружают сайт в iframe, чтобы их пользовательский интерфейс отображался на странице встраивания как элемент DOM. В любом случае, для расширений нет волшебного метода или API для отображения наложенных всплывающих окон.

2. @wOxxOm Хм, похоже, у них нет iframe. Я подумал, может быть, они постоянно отправляют сообщение в contentscript, которое вводит html? (например, каждые 10 мс). Возможно ли это?

3. Нет, самое простое объяснение заключается в том, что они нарисовали это в видео.