Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Расширение состоит из набора файлов, упакованных для распространения и установки. В этой статье мы быстро перейдем к файлам, которые могут присутствовать в расширении.

manifest.json

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

Этот манифест также может содержать указатели на несколько других типов файлов:

  • Background pages: Реализуйте длительную логику.
  • Иконки для расширения и любые кнопки, которые он может определить.
  • Sidebars, popups, and options pages: HTML-документы, которые предоставляют контент для различных компонентов пользовательского интерфейса.
  • Content scripts: JavaScript включен с вашим расширением, которое вы будете вводить на веб-страницы.


Для получения подробной информации см. Справочную страницу  manifest.json

Помимо ссылок, указанных в манифесте, расширение может включать дополнительные Extension pages с поддерживающими файлами.

Фоновые скрипты

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

Фоновые сценарии загружаются сразу после загрузки и остаются загруженными до тех пор, пока расширение не будет отключено или не удалено. Вы можете использовать любой WebExtension APIs в сценарии, если вы запросили необходимые permissions.

Спецификации фоновых скриптов

Вы можете включить фоновый скрипт, используя background ключ в «manifest.json»:

// manifest.json

"background": {
  "scripts": ["background-script.js"]
}

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

Окружение фоновых скриптов

DOM APIs

Фоновые скрипты запускаются в пространстве специальных фоновых страниц. Они получают досутп к глобальному window объекту, которому доступны все DOM APIs свойственные этому объекту.

Вам не нужно самостоятельно указывать фоновую страницу. При подключении фонового скрипта автоматически создается пустая фоновая страница. 

Однако, вы можете указать свою фоновую страницу как обособленный HTML файл:

// manifest.json

"background": {
  "page": "background-page.html"
}

WebExtension APIs

Фоновые скрипты могут использовать любые WebExtension APIs в скрипте, если расширение имеет необходимые разрешения.

Многоцелевой доступ

Фоновые скрипты могут осуществлять XHR запросы к любому домену, если расширение имеет host расрешения.

Web-содержимое

Фоновые скрипты не получают прямого доступа к веб-страницам. Однако они могут загружать скрипты содержимого на веб-страницы и взаимодействовать с этими скриптами с помощью API передачи сообщений.

Политика безопастности содержимого

Фоновые скрипты ограничены в выполнении потенциально опасных операций, таких как eval(), через политику безопасности содержимого. Подробнее см. Content Security Policy.

Боковые панели (sidebar), всплывающие окна (popup), страницы настроек

Ваше расширение может иметь разнообразные компоненты интерфейса определённые в HTML документах:

Для каждого из этих компонентов вы создаете HTML файл и помещаете специальную информацию в manifest.json. HTML файл может в себя включать CSS и JavaScript файлы, как и любая web-страница.

All of these are a type of Extension pages, and unlike a normal web page, your JavaScript can use all the same privileged WebExtension APIs as your background script. They can even directly access variables in the background page using runtime.getBackgroundPage().

Extension pages

You can also include HTML documents in your extension which are not attached to some predefined user interface component. Unlike the documents you might provide for sidebars, popups, or options pages, these don't have an entry in manifest.json. However, they do also get access to all the same privileged WebExtension APIs as your background script.

You'd typically load a page like this using windows.create() or tabs.create().

See Extension pages to learn more.

Content scripts

Use content scripts to access and manipulate web pages. Content scripts are loaded into web pages and run in the context of that particular page.

Content scripts are extension-provided scripts which run in the context of a web page; this differs from scripts which are loaded by the page itself, including those which are provided in <script> elements within the page.

Content scripts can see and manipulate the page's DOM, just like normal scripts loaded by the page.

Unlike normal page scripts, they can:

  • Make cross-domain XHR requests.
  • Use a small subset of the WebExtension APIs.
  • Exchange messages with their background scripts and can in this way indirectly access all the WebExtension APIs.

Content scripts cannot directly access normal page scripts but can exchange messages with them using the standard window.postMessage() API.

Usually, when we talk about content scripts, we are referring to JavaScript, but you can inject CSS into web pages using the same mechanism.

See the content scripts article to learn more.

Web accessible resources

Web accessible resources are resources such as images, HTML, CSS, and JavaScript that you include in the extension and want to make accessible to content scripts and page scripts. Resources which are made web-accessible can be referenced by page scripts and content scripts using a special URI scheme.

For example, if a content script wants to insert some images into web pages, you could include them in the extension and make them web accessible. Then the content script could create and append img tags which reference the images via the src attribute.

To learn more, see the documentation for the web_accessible_resources manifest.json key.

 

 

Метки документа и участники

Внесли вклад в эту страницу: radioleggion, kynitssa, volkovv
Обновлялась последний раз: radioleggion,