Могу ли я встраивать html-код в веб-сайт, используя страницу-мод, в расширении Firefox?

Question

Не могли бы вы указать мне пример использования page-mod, чтобы каждый раз, когда пользователь заходил на веб-сайт, например example.com, наряду с фактическим содержимым страницы, были и другие элементы, такие как виджет JavaScript?Я использую конструктор дополнений для своего расширения, поэтому модуль page-mod кажется логичным способом решения этой проблемы.Большое спасибо

Answer 1

По касательной, если изменение страницы - это все, что вы хотите сделать, вы можете написать небольшую сценарий greasemonkey вместо создания полного расширения.

https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

Answer 2

Если код, который вы хотите встроить, будет работать правильно как часть веб-страницы, в которую вы его вставляете, то вам просто нужно использовать код, как во втором примере в документации Владимир указал на:

var pageMod = require("page-mod");
pageMod.PageMod({
  include: "*.org",
  contentScriptWhen: 'end',
  contentScript: 'document.body.innerHTML = ' +
                 ' "<h1>Page matches ruleset</h1>";'
});

Просто поместите необходимый код в свойство contentScript, чтобы изменить DOM страницы в зависимости от того, что вы хотите (например, вставив новый виджет JS).

Если по какой-то причине виджет может 'Чтобы не изменять как часть страницы, вам нужно будет использовать рабочий.Например, предположим, что он должен извлекать данные с другого веб-сайта, что нарушает правила межсайтового происхождения.В этом случае поместите код, чтобы получить данные с этого веб-сайта у вашего работника.и использовать сообщения для запроса данных от работника в вашем скрипте контента.