Как правильно реализовать расширение для браузера Chrome?

Question

[Максим К]

есть обычное самое простое расширение для браузера. Создано popup.html, popup.css, popup.js.

В popup.html создана кнопка, далее выполняется любой JS код, а вот результат я хочу вывести в это же popup.html или в новое модальное окно. Как такое реализовать?.

Comments

[Илья Бондаренко]

Вот сюда тебе надо: https://learn.javascript.ru/modifying-document

[maksam07]

Ох, ты только на самом начале своего пути.. надеюсь ты сразу пишешь на манифесте 3 и используешь соотв. туториалы, а то я уже сколько дней потратил на переписывание своего плагина...

[Алан Гибизов]

Если нет кода, не надо ставить тэг языка.

[Максим К]

maksam07, добрый, день, стараюсь использовать 3

[Максим К]

@pha@ilyabond, этот май
т видел, но здесь видимо ограничение в самом понимании плагина, который не даёт работать напрямую с dom

[maksam07]

Максим К, удачи вам в этом не простом, но в то же время простом занятии)

Answer 1

[zkrvndm]

Если речь о модальном окне внутри чужого сайта, то использовать надо так называемый контент-скрипт.

Comments

[Максим К]

Собрал данные через промис и вывожу в консоль, а хочу в отдельное окно или в том же popup. html

Answer 2

[maksam07]

результат я хочу вывести в это же popup.html или в новое модальное окно

Если нужно в модальное окно, то нужно учитывать, что оно будет отображаться внутри попап, т.к. ты именно в нем выполняешь скрипты и "попап" является своего рода отдельной "вкладкой" браузера.

Поэтому ваше заявление: или, или - все приведет к одному результату.

Как работать с dom, вам уже писали в комментарии, это практически не отличается от разработки обычного сайта на js/css/html

Для примера, можно использовать такого рода скрипт в popup.js:
document.body.innerHTML = "Some new HTML content";

Если вы не можете осилить обычную разработку сайта, не требующего излишеств, то вам пока еще рано заниматься разработкой полноценного расширения.