Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome


Подібно до інших популярних веб-оглядачів браузер Google Chrome також використовує швидкі закладки, які відображаються у вигляді мініатюрних зображень сторінки сайту. Підтримує Chrome і інший тип закладок, а саме ярлики веб-додатків, також відображаються на стартовій сторінці.


Деякі з таких ярликів, наприклад такі як YouTube або Пошук Google представляють собою звичайні закладки на веб-ресурси, інші такі як Gmail Оффлайн або Pocket Website ведуть на спеціальну сторінку веб-додатки. На відміну від швидких закладок, де використовується мініатюра сторінки сайту, кожен ярлик веб-додатки використовує унікальний логотип, створений розробниками розширення.


Ви, напевно, вже стали дивуватися, до чого вся ця розмова і що власне цим ми хочемо сказати. Гаразд, скажімо прямо. А чи відомо вам, що такі ярлики ви можете створювати самі і використовувати їх в якості закладок на свої улюблені сайти? Взагалі-то створити ярлик-закладку на будь-який сайт в панелі веб-додатків не складає ніяких труднощів, досить лише захопити мишкою який-небудь елемент з посиланням і перетягнути його на вільне місце панелі веб-додатків, тільки от навряд чи кого обрадує зовнішній вигляд такого ярлика. Ось як наприклад виглядатимуть ярлики на Softrew і Вікіпедію. Не дуже весело, правда?

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome


А тепер переходимо в розділ управління розширеннями Google Chrome (Інструменти -> Розширення). У верхній частині робочого вікна поставте галочку в чекбоксі "Режим розробника" і натисніть кнопку "Завантажити розпаковане розширення".

Якщо все зроблено без помилок, в панелі розширень з'явиться ще одне, з вказаною назвою, описом і іконкою (логотип повинен відображатися у віконці дозволів), в іншому випадку ви отримаєте повідомлення про помилку з коротким описом причини. В панелі веб-додатків також повинен з'явитися ярлик з ім'ям.

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome

Корисні примітки

Якщо ви уважно розглянули код, то напевно помітили, що в якості імені зображення використовується число 128. Це зроблено чисто для зручності - ім'я збігається з дозволом іконки. В принципі ви можете використовувати будь-яке ім'я, але тоді вам доведеться вказати це в коді. Також зверніть увагу, що в коді використовуються не похилі, а прямі лапки. Це важливо, в іншому випадку ви отримаєте помилку синтаксису. І ще, перед тим як вставляти код обов'язково перезберегти файл в кодуванні UTF-8.

Як створити свій ярлик для сайту в google chrome

Як створити свій ярлик для сайту в google chrome


Для користувальницьких ярликів доступні ті ж опції (в основному) що і для інших веб-додатків. Якщо ви хочете поділитися таким додатком з друзями, найкраще буде його запакувати в файл плагіна. Такі файли мають розширення CRX і використовуються для інсталяції розширень в Google Chrome.


Для цього в розділі управління розширеннями натисніть кнопку "Пакування розширення", вкажіть шлях до каталогу із зображенням і скриптом, при необхідності додайте файл ключа, що необов'язково і запакуйте ваше розширення в єдиний інсталяційний файл.

Збережений модуль буде в директорію на рівень вище тієї, в якій розташовуються зображення і скрипт.

На жаль, створені CRX-розширення не завжди вдається встановити стандартним шляхом, Chrome може видавати помилку "лаючись" при цьому на некоректний пакет. В цьому випадку можна скористатися ручною установкою в режимі розробника.

Схожі статті