Создание приложения-ссылки в Google Chrome

2 минут

В этой статье вы узнаете как создавать приложения-ссылки в Google Chrome. Зачем это? Это довольно удобно, ибо стандартной экспресс-панели Google Chrome не хватает множества настроек. Для некоторых сайтов уже существуют такие приложения-ссылки, но далеко не для всех.

Также бывает, что некоторые приложения ссылаются не туда, куда хотелось-бы, например главная страница YouTube - это страница с рекомендациями, но мне гораздо удобнее переходить сразу на свои подписки, поэтому я использую своё приложение, а не приложение от Google.

В итоге, вы можете получить что-то подобное:

chrome apps

Создание🔗︎

Для примера, мы создадим приложение, ссылающееся на сайт ziggi.org. Исходный код приложения-ссылки для Google Chrome состоит из файла манифеста, в формате json.

Создайте каталог example, и создайте в нём файл manifest.json.

Пример содержимого файла manifest.json:

{
	"name": "ziggi - blog",
	"manifest_version": 2,
	"version": "1",
	"icons": {
		"128": "icon.png"
	},
	"app": {
		"launch": {
			"web_url": "//ziggi.org/"
		}
	}
}

Ключ name - это название сайта, то есть то, что будет написано под картинкой. В icons находится список иконок, для приложения-ссылки достаточно иметь одну иконку, с размером не менее 128 пикселей. И ключ web_url, как не сложно догадаться, хранит в себе адрес, на который нужно перейти при запуске приложения.

Поместите иконку icon.png в каталог с вашим приложением.

Сборка🔗︎

Собрать установочный пакет можно стандартными средствами Google Chrome. Для этого перейдите на страницу расширений(chrome://extensions), поставьте галочку на "Режим разработчика", и нажмите на кнопку "Упаковка расширений...". Выберите каталог с вашим приложением и нажмите "Упаковка расширений". После этого, вы обнаружите файл example.crx и example.pem в каталоге выше выбранного.

Установка🔗︎

Установить приложение очень просто, достаточно перенести файл example.crx на страницу расширений (chrome://extensions).

Ещё есть вариант установки не запакованного приложения, для этого нажмите кнопку "Загрузить распакованное расширение..." и выберите каталог с вашим приложением.

После установки вы обнаружите новое приложение на вашей панели приложений.

Итог🔗︎

В итоге у меня получилось такое приложение:

ziggi_app