Как создать свой ярлык для сайта в Google Chrome

Категория: Инструкции, просмотров: 14464, комментариев: 3, Дата: 7 августа 2013
Как создать свой ярлык для сайта в Google Chrome
Подобно другим популярным веб-обозревателям браузер Google Chrome также использует быстрые закладки, отображающиеся в виде миниатюрных изображений страницы сайта. Поддерживает Chrome и другой тип закладок, а именно ярлыки веб-приложений, также отображающихся на стартовой странице.Некоторые из таких ярлыков, например такие как YouTube или Поиск Google представляют собой обычные закладки на веб-ресурсы, другие такие как Gmail Оффлайн или Pocket Website ведут на специальную страничку веб-приложения. В отличие от быстрых закладок, где используется миниатюра страницы сайта, каждый ярлык веб-приложения использует уникальный логотип, созданный разработчиками расширения.

Вы, наверное, уже стали недоумевать, к чему весь этот разговор и что собственно этим мы хотим сказать. Ладно, скажем прямо. А известно ли вам, что такие ярлыки вы можете создавать сами и использовать их в качестве закладок на свои любимые сайты? Вообще-то создать ярлык-закладку на любой сайт в панели веб-приложений не составляет никакого труда, достаточно лишь захватить мышкой какой-нибудь элемент со ссылкой и перетащить его на свободное место панели веб-приложений, только вот вряд ли кого обрадует внешний вид такого ярлыка. Вот как к примеру будут выглядеть ярлыки на Softrew и Википедию. Не очень весело, правда?

Как создать свой ярлык для сайта в Google Chrome
Есть в Chrome и другой метод создания ярлыков веб-приложений и особым удобством он не отличается. В этом случае на выбор пользователя предлагается создать ярлык с URL-адресом на Рабочем столе, меню Пуск или Панели задач.

Как создать свой ярлык для сайта в Google Chrome
Мы же рассмотрим более интересный способ создания ярлыков, тем более что делается это очень просто. Итак, приступим. Для осуществления задуманного нам понадобится адрес сайта и иконка в формате PNG (с поддержкой прозрачности) размером 128*128 пикселей. Отыскать картинку можно на бескрайних просторах Интернета или, если вы обладаете соответствующими навыками, создать самому.

В качестве примера мы будет использовать шуточное изображения черепа, разумеется, к нашему сайту оно никакого отношения не имеет, но сейчас это не важно. Создайте в любом удобном для вас месте (например, в загрузке) папку с произвольным названием, а лучше всего, чтобы не возникало путаницы, с названием сайта. В этой папке создайте текстовый файл manifest.json, затем откройте его в любом текстовом редакторе (для этих целей лучше всего использовать Notepad++) и скопируйте туда вот этот код:

{"manifest_version": 2,"name": "Softrew.ru","description": "Краткое описание","version": "1.0","icons": {"128": "128.png"},"app": {"urls": ["https://www.softrew.ru/"

],"launch": {"web_url": "https://www.softrew.ru/"}},"permissions": ["unlimitedStorage","notifications"]}

Для тех, кто не знает, формат json представляет собой файл объектов javascript и содержит исполняемый код скрипта. Название (name) и описание (Краткое описание сайта) вставляем свое, то же самое касается URL-адреса. Редактируемые элементы кода мы выделили красным. Больше ничего трогать не надо. Подготовленное изображение скопируйте в папку с файлом скрипта. Об особенностях подготовки картинки будет сказано ниже.

Как создать свой ярлык для сайта в Google Chrome
А теперь переходим в раздел управления расширениями Google Chrome (Инструменты -> Расширения). В верхней части рабочего окна поставьте галочку в чекбоксе “Режим разработчика” и нажмите кнопку “Загрузить распакованное расширение”.

Если все сделано без ошибок, в панели расширений появится еще одно, с указанным названием, описанием и иконкой (логотип должен отображаться в окошке разрешений), в противном случае вы получите сообщение об ошибке с кратким описанием причины. В панели веб-приложений также должен появиться ярлык с именем.

Как создать свой ярлык для сайта в Google Chrome
Как создать свой ярлык для сайта в Google Chrome
Как создать свой ярлык для сайта в Google Chrome
Как создать свой ярлык для сайта в Google Chrome

Полезные примечания

Если вы внимательно рассмотрели код, то наверняка заметили, что в качестве имени изображения используется число 128. Это сделано чисто для удобства – имя совпадает с разрешением иконки. В принципе вы можете использовать любое имя, но тогда вам придется указать это в коде. Также обратите внимание, что в коде используются не наклонные, а прямые кавычки. Это важно, в противном случае вы получите ошибку синтаксиса. И еще, перед тем как вставлять код обязательно пересохраните файл в кодировке UTF-8.

Как создать свой ярлык для сайта в Google Chrome
Как создать свой ярлык для сайта в Google Chrome
Для пользовательских ярлыков доступны те же опции (в основном) что и для прочих веб-приложений. Если вы хотите поделиться таким приложением с друзьями, самое лучшее будет его запаковать в файл подключаемого модуля. Такие файлы имеют расширение CRX и используются для инсталляции расширений в Google Chrome.
Для этого в разделе управления расширениями нажмите кнопку “Упаковка расширений”, укажите путь к каталогу с изображением и скриптом, при необходимости добавьте файл ключа, что необязательно и запакуйте ваше расширение в единый установочный файл.

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

К сожалению, созданные CRX-расширения не всегда удается установить стандартным путем, Chrome может выдавать ошибку “ругаясь” при этом на некорректный пакет. В этом случае можно воспользоваться ручной установкой в режиме разработчика.

Расскажи друзьям в социальных сетях

(голосов: 3)

  • 5 утилит для создания загрузочных флеш-накопителей Windows и Linux
    Увеличение объема и снижение цен на флеш-накопители похоже рано или поздно приведет к...
  • Как создать резервную копию в Windows 8.1
    Недавно выпущенная новая Windows 8.1, судя по тому, как отнеслись к ней большинство...
  • Убираем папки из раздела "Этот компьютер" в Windows 8.1
    Новая Windows 8.1 получила множество изменений, среди которых нельзя не отметить...
  • Что делать если вы забыли пароль администратора Windows 8
    В Windows 8, как вы знаете, есть два вида учетной записи: локальная и если можно так...
  • Похожие новости

    X New Tab Page – необычный Speed Dial для Google Chrome

    Подробный обзор расширения X New Tab Page для Google Chrome, которое может…

    Создание текстовых заметок и их просмотр с Панели задач

    Программ и виджетов для организации быстрого доступа к информации существует…

    Google Chrome Extension Manager: Управление расширениями и вкладками

    Если у вас много расширений, установленных в браузере Google Chrome, но вы…

    Как в Windows создать ярлык на воспроизводимый в фоне аудиофайл

    В системных каталогах Windows хранится как минимум две сотни аудиофайлов…

    Активируем режим бога в Windows 8.1

    Вам наверное приходилось слышать о так называемом “режиме бога” в операционной…

    Расширения Chrome для Opera

    Небольшая инструкция о том, как использовать расширения Google Chrome в новой…
    Что-то не получилось. Помогите, пожалуйста, в чем моя ошибка.{
    "manifest_version": 2,
    "name": "www.betfair.com",
    "description": "Краткое описание",
    "version": "1.0",
    "icons": {
    "128": "128.png"
    },
    "app": {
    "urls": [
    "http://www.betfair.com/exchange/"

    ],
    "launch": {
    "web_url": "http://www.betfair.com/exchange/"
    }
    },
    "permissions": [
    "unlimitedStorage",
    "notifications"
    ]
    }

    Здраствуйте, John!
    Вы допустили маленькую синтаксическую ошибку в коде.
    После "launch": забыли поставить фигурную скобку. Смотрите на 14 строке.
    http://ge.tt/7KGovfs/v/0?c

    А у меня все получилось

    Добавьте свои отзывы!

    Добавление комментария

           Последние отзывы

    • последний коментарийkait.15
      2 онлайн-редактора для работы ...
      kait.15-фото
      Цитата: ald112
      Статья ни о чем. Тупая.
      Чтобы не пользоваться Микрософтом, можете вот пожалуйста Микрософт ОН-Драйвом. Для кого этот дебилизм написан?



      Добрый день. Статья написана для тех пользователей,кто интересуется функциональными аналогами Microsoft Excel, способными работать в браузере. Конкретно для вас она может показаться неинформативной, но, как оказывается, далеко не все пользователи знакомы с подобными сервисами.
    • последний коментарийkait.15
      Обзор FlipBook Maker. Программ ...
      kait.15-фото
      Лариса, попробуйте выполнить сохранение книги в другом формате.
    • последний коментарийkait.15
      Онлайн-версия PicsArt
      kait.15-фото
      Цитата: Кира
      Эми.... как играть????


      Здравствуйте. Данный сервис представляет собой онлайн-фоторедактор. В статье приведена ссылка на его страницу.
    • последний коментарийkait.15
      Torrent Stream Controller для ...
      kait.15-фото
      Артем, попробуйте переустановить приложение. Если это не помогло, обратитесь со своим вопросом через приложение к разработчикам.
    • последний коментарийkait.15
      Устранение проблем с установко ...
      kait.15-фото
      Цитата: Даир Магомедов
      Как разархивировать этот файл?


      На компьютере можно использовать любой удобный вам архиватор: WinRar, WinZip и т.д.
    • последний коментарийkait.15
      5 бесплатных Android-приложени ...
      kait.15-фото
      Цитата: Viktoria
      А блокируют эти приложения каким образом: "цивильно" (то есть звонок идёт, но пользователя не беспокоит) или же совершенно перекрывает доступ дозвониться каким-нибудь "номер, набранный Вами, не существует" или "вызываемый абонент выключен или находится вне зоны доступа сети"?


      Как правило, подобные приложения просто сбрасывают нежелательный входящий вызов.
    • последний коментарийkait.15
      Как изменить поиск Яндекс на G ...
      kait.15-фото
      Цитата: Наталия
      Внесла изменения по вашему способу, но яндекс остался: изменения в файле не сохраняются, и не важно, что нажимаю "сохранить". Что делать?


      Зайдите в свойства файла, в поле "Атрибут" установите галочку около пункта "Только чтение". Сохраните изменения и попробуйте снова выставить изменения.
    • последний коментарийkait.15
      Metro: Last Light - минимальны ...
      kait.15-фото
      Цитата: Javahir
      Монитор сам посибе гаснет в играх почему??В играх:Метро 2033,Мафиа 3 ???


      Только в играх?
    Посмотреть все комментарии можно ТуТ

           Все о Windows 10

    отзывы о Windows 10