Как создать собственные ярлыки для веб-приложений Chrome для ваших любимых сайтов

Aug 3, 2025
Облако и Интернет
НЕКЕШЕРОВАННЫЙ КОНТЕНТ

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

Эти веб-приложения Chrome также появятся в Панель запуска приложений Chrome в Windows, Mac, Linux и Chrome OS . Вы сможете открыть их из программы запуска и настроить их так, чтобы они всегда открывались как окно или закрепленная вкладка - со стандартными закладками этого не сделать.

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

Создать собственное веб-приложение

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

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

Затем создайте новый текстовый файл с именем manifest.json внутри вашей новой папки.

Откройте файл manifest.json в любом текстовом редакторе - например, в Блокноте. Скопируйте и вставьте в него следующий текст:

{
«Manifest_version»: 2,
"имя": " Имя веб-сайта “,
"описание": " Описание сайта “,
«Версия»: «1.0»,
«Icons»: {
«128»: «128.png»
},
«Приложение»: {
«URL»: [
хттп://эксампле.ком/

щ,
«Запуск»: {
"Web_url": " хттп://эксампле.ком/
}
},
«Разрешения»: [
«Неограниченное хранение»,
«Уведомления»
щ
}

Измените выделенные жирным шрифтом части примера кода, заменив имя, описание и URL-адреса веб-сайта. Например, если вы хотите запустить How-To Geek, вы должны заполнить «How-To Geek» в поле имени, ввести любое описание, которое вам нравится, и использовать URL-адрес http://howtogeek.com.

Затем найдите файл изображения в формате PNG 128 × 128, который будет использоваться в качестве логотипа веб-сайта. Если у вас нет изображения точно нужного размера, вы можете обрезать и изменить размер большего изображения с помощью редактора изображений, такого как Paint.NET.

Сохраните файл изображения с именем 128.png в созданной вами папке.

Наконец, откройте страницу расширений Chrome по адресу хром: // расширения / . Установите флажок Режим разработчика и нажмите кнопку Загрузить распакованное расширение.

Перейдите в созданную папку и нажмите «ОК» - Chrome установит только что созданное веб-приложение.

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

Вы также можете нажать кнопку «Упаковать расширение», чтобы упаковать расширение в виде одного устанавливаемого файла .crx. Вы можете передать этот файл другим людям, чтобы они тоже могли его установить.

Локально установленные веб-приложения и расширения Chrome не будут синхронизироваться между вашими компьютерами с помощью Chrome Sync. Чтобы сэкономить время в будущем, вы можете сделать резервную копию папок веб-приложений или файлов .crx, чтобы их можно было легко установить на другие компьютеры.

Быстрый и уродливый путь

Вы также можете добавить собственные ярлыки на страницу новой вкладки, перетащив закладку с панели закладок на сетку значков.

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


В идеале Google расширил бы функциональность перетаскивания, добавив способ переименовать эти пользовательские ярлыки и легко назначать более качественные значки. А пока нам придется обойтись ручным решением.

Create Web App Shortcuts On Your Desktop With Chrome

Create Custom Shortcuts In Google Chrome For Any Website

How To Create Shortcuts To Websites On Your Desktop

MUST HAVE SHORTCUT / TURN ANY WEBSITE INTO AN APP / CREATE CUSTOM APP ICONS USING SHORTCUTS 2019

HOW WE CAN CREATE WEBSITES SHORTCUT LIKE A APP IN HOME SCREEN

How To Create Website Shortcuts On Desktop Using Google Chrome - The Right Way

How To EDIT SHORTCUTS On GOOGLE CHROME?

How To Make Desktop Shortcuts To Websites With Chrome, Firefox, Edge - Tutorial - Tech Tips 2020

Personalize Your Web Browser With Google Chrome Themes

How To Create Your Own Chrome Browser Theme - Customize Chrome Theme

Customizing Chrome

Add Chrome Bookmarks And Web Pages To Android Home Screen

How To Create A Desktop Shortcut To A Website Using Chrome ! Works On ALL Windows OS


Облако и Интернет - Самые популярные статьи

Браузеры добавляют на сайты автоматический темный режим

Облако и Интернет Sep 18, 2025

nalyvme / Shutterstock.com Темный режим теперь везде, в том числе и в iOS 13 и Android 10. Ве�..


Что такое «истории» Instagram и как их использовать?

Облако и Интернет Nov 8, 2024

НЕКЕШЕРОВАННЫЙ КОНТЕНТ Instagram взял листок из книги Snapchat и добавил функцию исчезающих историй. Тепе..


Как использовать Google Home для передачи контента на Chromecast

Облако и Интернет Jun 20, 2025

И Amazon Echo, и Google Home позволяют делать действительно интересные вещи, но у Google Home есть одно большое пре�..


Как использовать Safari «Список чтения», чтобы сохранять статьи на будущее

Облако и Интернет Jun 13, 2025

Нам нравятся любые приложения, которые позволят вам сохранить веб-страницу, чтобы прочитать ее поз..


Как пригласить члена семьи поделиться своим Amazon Echo

Облако и Интернет Jun 20, 2025

Amazon Echo - фантастический инструмент для управления всем, от списков покупок до списков воспроизведе..


Импорт записных книжек OneNote 2007 в Evernote

Облако и Интернет Jul 26, 2025

Хотите импортировать заметки из OneNote 2007 в Evernote? Вот как это сделать, не теряя никаких данных в OneNote. Eve..


Как настроить строку заголовка Internet Explorer 8

Облако и Интернет Nov 13, 2024

Если вы ищете способ персонализировать IE 8, один из способов - настроить строку заголовка. Здесь мы рассм�..


Букмарклет Fun: проверьте Google Analytics сегодня [update]

Облако и Интернет Dec 5, 2024

Обновить! Наш друг Райан из CyberNet указал на ошибку в версии, которую я опубликовал вчера, по..


Категории