Приложения Chrome: как добавить приложение

Обновлено: 24.11.2024

Важно! Chrome прекратит поддержку приложений Chrome на всех платформах. Браузер Chrome и Интернет-магазин Chrome по-прежнему будут поддерживать расширения. Прочтите объявление и узнайте больше о переносе приложения.

Это руководство поможет вам создать свое первое приложение Chrome. Структура приложений Chrome аналогична расширениям, поэтому текущие разработчики узнают методы манифеста и упаковки. Когда вы закончите, вам просто нужно создать ZIP-файл вашего кода и ресурсов, чтобы опубликовать свое приложение.

Приложение Chrome содержит следующие компоненты:

  • Манифест сообщает Chrome о вашем приложении, что это такое, как его запустить и какие дополнительные разрешения требуются.
  • Фоновый сценарий используется для создания страницы событий, отвечающей за управление жизненным циклом приложения.
  • Весь код должен быть включен в пакет приложения Chrome. Сюда входят модули HTML, JS, CSS и Native Client.
  • Все значки и другие ресурсы также должны быть включены в пакет.

Примеры API: хотите поиграть с кодом? Посмотрите пример приветствия.

Сначала создайте файл manifest.json (форматы: файлы манифеста подробно описывает этот манифест):

Важно! Приложения Chrome должны использовать манифест версии 2.

Затем создайте новый файл с именем background.js со следующим содержимым:

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

Создайте файл window.html:

Скопируйте эти значки в папку приложения:

Многие API приложений Chrome все еще являются экспериментальными, поэтому вам следует включить экспериментальные API, чтобы вы могли их опробовать:

  • Перейдите на страницу chrome://flags.
  • Найдите "Experimental Extension APIs" и нажмите на ссылку "Включить".
  • Перезапустите Chrome.

Чтобы загрузить приложение, откройте страницу управления приложениями и расширениями, нажав на значок настроек Chrome и выбрав Инструменты > Расширения.

Убедитесь, что установлен флажок Режим разработчика.

Нажмите кнопку "Загрузить распакованное расширение", перейдите в папку своего приложения и нажмите "ОК".

Загрузив приложение, откройте страницу "Новая вкладка" и щелкните значок нового приложения.

Некоторые из вас могут захотеть установить свои любимые веб-сайты в качестве приложения на свой компьютер. Однако не на всех веб-сайтах есть приложения для Windows или macOS. Но знаете ли вы, что Google Chrome и Microsoft Edge позволяют устанавливать веб-сайты как приложения? Независимо от того, ответите вы да или нет, эта функция определенно покажется вам интересной. Если вас что-то волнует, продолжайте читать эту статью. Здесь я объяснил, как вы можете установить любой веб-сайт как приложение в браузере Chrome или Microsoft Edge.

Оглавление

Установить веб-сайт как приложение в Chrome и Edge

В Chrome и Edge установить веб-сайт как приложение довольно просто. Хотя оба браузера основаны на одном и том же движке Chromium, установка веб-сайтов в качестве приложений немного отличается. Тем не менее, вам не нужно беспокоиться о том же. Просто следуйте приведенным ниже инструкциям, и все будет готово.

В Google Chrome

Шаг 1. Откройте Google Chrome на ПК или Mac.

Шаг 2. Посетите веб-сайт, который хотите установить как приложение.

Шаг 3. Когда веб-сайт откроется, нажмите на три значка меню в виде трех точек в правом верхнем углу.

Шаг 4. Среди параметров меню нажмите «Дополнительные инструменты».

Шаг 5. На следующем экране нажмите «Создать ярлык»…

Шаг 6. На следующем экране переименуйте приложение, если хотите. Кроме того, установите флажок «Открыть как окно». Это гарантирует, что приложение откроется в новом окне, а не в существующем. Наконец, нажмите «Создать», чтобы установить приложение.

Шаг 7. Как только вы нажмете «Создать», приложение будет установлено и автоматически открыто на вашем ПК.

Шаг 8. Все приложения Chrome находятся в отдельной папке.

В Microsoft Edge

Шаг 1. Откройте браузер Microsoft Edge на ПК с ОС Windows или macOS.

Шаг 2. Посетите веб-сайт, на котором хотите установить приложение.

Шаг 3. Нажмите на значок меню в виде трех точек в правом верхнем углу.

Шаг 4. Среди пунктов меню нажмите «Приложения».

Шаг 5. Вы увидите вариант установки с названием веб-сайта, который вы хотите установить в качестве приложения.

Шаг 6. Иногда вы можете увидеть вариант «Установить этот сайт как приложение». Все, что вам нужно сделать, это нажать на него.

Шаг 7. После того, как вы нажмете «Установить», появится новое приглашение с некоторыми подробностями. Нажмите «Установить», чтобы завершить установку.

Шаг 8. После завершения установки приложение будет выглядеть следующим образом. Как видите, он открывается в новом, совершенно новом окне.

Шаг 9. Приложения будут храниться отдельно в папке приложений Edge, аналогичной папке приложений Chrome в Chrome.

Заключительные слова

Установка часто посещаемых веб-сайтов в качестве приложений в Google Chrome или Microsoft Edge, безусловно, может сэкономить много времени. После того, как веб-сайты установлены в приложении, нет необходимости открывать браузер и посещать веб-сайт. Вы можете напрямую нажать на значок приложения, и этот веб-сайт откроется в новом окне, что даст вам ощущение приложения. Я надеюсь, это поможет вам. Следите за новостями, чтобы не пропустить такие статьи.

Читайте также: