tabs.insertCSS()

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

integer. ID вкладки, в которую нужно вставить CSS. По умолчанию активная вкладка текущего окна.

details

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

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

boolean. Если true, CSS будет вставлен во все фреймы текущей страницы. Если это false, CSS вставляется только в верхний фрейм. По умолчанию false.

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

string. Код для вставки в виде текстовой строки.

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

string. Может принимать одно из двух значений: "user", чтобы добавить CSS как пользовательский стиль или "author", чтобы добавить его как авторский стиль. Если этот параметр опущен, CSS добавляется как авторский стиль.

• "user" позволяет предотвратить переопределение веб-сайтом вставленного вами CSS: см. Порядок каскадирования.
• "author" стили ведут себя так, как будто они появляются после всех авторских правил, указанных на веб-странице. Это поведение включает любые авторские стили, динамически добавленные скриптами страницы, даже если это добавление происходит после завершения вызова insertCSS.

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

string. Путь к файлу, содержащему код для вставки. В Firefox относительные URL-адреса разрешаются относительно текущего URL-адреса страницы. В Chrome эти URL-адреса разрешаются относительно базового URL-адреса расширения. Для кроссбраузерной работы вы можете указать путь в виде абсолютного URL-адреса, начинающегося с корня расширения, например: "/path/to/stylesheet.css".

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

integer. Фрейм, в который нужно вставить CSS. По умолчанию 0 (верхний фрейм).

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

boolean. Если true, код будет вставлен в встроенные фреймы "about:blank" и "about:srcdoc", если ваше расширение имеет доступ к их родительскому документу. Код не может быть вставлен в верхние фреймы about:. По умолчанию false.

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

extensionTypes.RunAt. Наиболее раннее время вставки кода в вкладку. По умолчанию "document_idle".

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

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

let css = "body { border: 20px dotted pink; }";

browser.browserAction.onClicked.addListener(() => {

  function onError(error) {
    console.log(`Error: ${error}`);
  }

  let insertingCSS = browser.tabs.insertCSS({code: css});
  insertingCSS.then(null, onError);
});

В этом примере вставляется CSS, загруженный из файла, упакованного с расширением. CSS вставляется во вкладку с ID 2:

browser.browserAction.onClicked.addListener(() => {

  function onError(error) {
    console.log(`Error: ${error}`);
  }

  let insertingCSS = browser.tabs.insertCSS(2, {file: "content-style.css"});
  insertingCSS.then(null, onError);
});

• apply-css
• beastify
• session-state