Что такое расширения?

Расширения — это небольшие программы, которые настраивают возможности просмотра. Они позволяют пользователям адаптировать функциональность и поведение Chrome к индивидуальным потребностям или предпочтениям. Они построены на таких веб-технологиях, как HTML, JavaScript и CSS.

Расширение должно выполнять единственную цель , которая четко определена и проста для понимания. Одно расширение может включать в себя несколько компонентов и ряд функций, если все способствует достижению общей цели.

Скриншот значка расширения в строке браузера

Пользовательские интерфейсы должны быть минимальными и иметь смысл. Они могут варьироваться от простого значка, такого как расширение Google Mail Checker, показанное выше, до переопределения всей страницы.

Файлы расширений заархивированы в один пакет .crx , который пользователь загружает и устанавливает. Это означает, что расширения не зависят от контента из Интернета, в отличие от обычных веб-приложений.

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

Привет расширения

Сделайте небольшой шаг в расширении с помощью этого краткого примера Hello Extensions. Начните с создания нового каталога для хранения файлов расширения или загрузите их с тестовой страницы .

Затем добавьте файл с именем manifest.json и включите следующий код:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Для каждого расширения требуется манифест, хотя большинство расширений мало что могут сделать, используя только манифест. Для этого быстрого старта в расширении есть всплывающий файл и значок, объявленный в поле browser_action :

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

Загрузите hello_extensions.png здесь , а затем создайте файл с именем hello.html :

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

Расширение теперь отображает hello.html при нажатии на значок. Следующий шаг — включить в manifest.json команду, которая включает сочетание клавиш. Этот шаг забавен, но не обязателен:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

Последний шаг — установить расширение на локальный компьютер.

  1. Перейдите к chrome://extensions в вашем браузере. Вы также можете получить доступ к этой странице, щелкнув меню Chrome в правом верхнем углу омнибокса, наведя курсор на «Дополнительные инструменты» и выбрав «Расширения» .
  2. Установите флажок рядом с «Режим разработчика» .
  3. Нажмите «Загрузить распакованное расширение» и выберите каталог для расширения «Hello Extensions».

Поздравляем! Теперь вы можете использовать всплывающее расширение, щелкнув значок hello_world.png или нажав Ctrl+Shift+F на клавиатуре.

Что дальше?

  1. Следуйте инструкциям по началу работы
  2. Прочитать обзор
  3. Будьте в курсе событий, читая блог Chromium.
  4. Подпишитесь на группу chromium-extensions.