Pull to refresh

Как сделать начальную страницу Google Chrome не такой ужасной

Вступление


Привет Хабр, хочу поделиться небольшим хаком.
С обновлением Google Chrome стало возможным создавать свои начальные страницы, просто перемещая ярлык приложения за пределы двух имеющихся.

Созданная страница идентична “Приложениям”, за одним исключением, туда можно перемещать ссылки со вкладки быстрого доступа и из панели закладок, при этом создается ярлык вкладки, который такой же как ярлык приложения, только не такой красивый.

image

У него имеются настройки запуска (в обычной вкладке, в закрепленной вкладке, в отдельном окне, в полноэкранном режиме), как у обычного приложения.

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

Путем поиска по папкам я вдруг обнаружил, что для каждой такой иконки Chrome создает отдельное приложение, а это значит:
— в папке C:\Users\[user]\AppData\Local\Google\Chrome\User Data\Default\Extensions создается папка приложения, с каким то уникальным именем (буду рад если в комментариях знающие подскажут что это такое, и как оно генерируется);
— внутри этой папки содержится файл manifest.json и подпапка icons в которой содержится стандартная иконка 16x16.

Алгоритм действий


1. Создаем ярлыки для всех страничек, которые нужны.
2. Находим в папке “C:\Users\[user]\AppData\Local\Google\Chrome\User Data\Default\Extensions” паки этих ярлыков (я искал все файлы .png и по файлам выходил на папку ярлыка, возможно есть способ и быстрее).
3. Смело вырезаем эту папку куда-нибудь на рабочий стол.
4. Создаем красивую кастомную иконку размером 128x128. По идее можно в любом формате, но гугл рекомендует использовать .PNG.
5. Называем иконку icon128.png и сбрасываем в корень папки приложения (туда же, где файл manifest.json).
6. Редактируем файл manifest.json под свои нужды:
{
"app": {
"launch": {
"web_url": "https://plus.google.com/"
},
"urls": [ "https://plus.google.com/" ]
},
"description": "",
"icons": {
"128": "icon128.png"
},
"key": "PcqoiQuJ2vEGrrwVj3SJOWPQSJRQ485Y3tFQWQB3pkk=",
"name": "Google+",
"permissions": [ ],
"version": "2011.12.1.40276"
}


Я менял “url”, “icons” и “name”. Параметр “key” уникальный для каждого приложения, поэтому и нужно генерировать новые ярлыки, а не создавать их путем копипаста.

После того, как файл изменен и в корне присутствует нужная иконка, идем в Google Crhome, открываем chrome://settings/extensionSettings и ставим галочку “Режим разработчика”, нажимаем кнопку “Загрузить распакованное приложение”, и выбираем паку с нужными файлами. После чего появляется новое приложение, которое выглядит и называется так как нравится.

Итог


В итоге получается симпатичная страничка быстрого доступа:
image

Ссылка


Как рекомендует хабр, выкладываю ссылку которая мне сильно помогла, а еще там можно найти много всего интересного по файлу manifest.json:


P.S. Перечисленные в статье действия могут показаться само собой разумеющимися, но кому-то может и пригодится. Удачного использования!
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.