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

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

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

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

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

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

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

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

Сделайте небольшой шаг в мир расширений с помощью этого простого примера 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_extensions.png или нажав Ctrl+Shift+F на клавиатуре.

Что дальше?

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