scripting.insertCSS()

details

Объект, описывающий CSS для вставки и место его вставки. Он содержит следующие свойства:

css Необязательно

string. Строка, содержащая CSS для вставки. Должен быть указан либо css либо files.

files Необязательно

array string. Путь к CSS-файлу для вставки, относительно корневого каталога расширения. Должен быть указан либо files либо css.

origin Необязательно

string. Источник стиля для вставки, либо USER либо AUTHOR. По умолчанию AUTHOR.

target

scripting.InjectionTarget. Подробная информация о целевом объекте для вставки CSS.

A Promise, который выполняется без аргументов, когда весь CSS вставлен. Если произошла какая-либо ошибка, обещание отклоняется.

В этом примере CSS, взятый из строки, вставляется в активную вкладку.

browser.action.onClicked.addListener(async (tab) => {
  try {
    await browser.scripting.insertCSS({
      target: {
        tabId: tab.id,
      },
      css: `body { border: 20px dotted pink; }`,
    });
  } catch (err) {
    console.error(`failed to insert CSS: ${err}`);
  }
});

В этом примере CSS загружается из файла (упакованного с расширением) с именем "content-style.css":

browser.action.onClicked.addListener(async (tab) => {
  try {
    await browser.scripting.insertCSS({
      target: {
        tabId: tab.id,
      },
      files: ["content-style.css"],
    });
  } catch (err) {
    console.error(`failed to insert CSS: ${err}`);
  }
});