Как превратить веб-сайты в настольные приложения в Windows

Jr Featured Sitestodesktopapps
⏱️ 5 min read

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

Преимущества настольных приложений

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

1. Microsoft Край

Microsoft Edge предлагает самый быстрый способ превратить веб-сайты в приложения, поскольку он предустановлен в Windows. Когда вы устанавливаете веб-сайт как приложение, Edge отделит веб-сайт от браузера, создаст собственный значок и экземпляр на панели задач и удалит панель инструментов, чтобы веб-сайт больше походил на приложение. Кроме того, Edge по-прежнему будет управлять всем приложением, так что вы сможете использовать любые включенные расширения и автоматически заполнять формы любыми данными, которые вы сохранили.

  1. В браузере Edge перейдите на веб-сайт, который вы хотите преобразовать в приложение.
Младший Screenshot00015 Sitestodesktopapps01
  1. Щелкните горизонтальный значок с тремя точками на панели инструментов Edge (или нажмите Альт + Ф).
  2. Перейдите в «Приложения» и нажмите «Установить этот сайт как приложение».
Младший Screenshot00016 Sitestodesktopapps02
  1. Измените имя приложения, если хотите, и нажмите «Установить», чтобы добавить приложение в список приложений Edge.
Младший Screenshot00017 Sitestodesktopapps03
  1. Настройте разрешения приложения по мере необходимости и нажмите «Разрешить», чтобы применить эти изменения.
Младший Screenshot00018 Sitestodesktopapps04

Плюсы

  • Быстрая и простая настройка
  • Работает с любым сайтом
  • Удобное меню приложений для запуска любых конвертированных приложений
  • Имеет доступ к боковой панели, позволяющей выполнять поиск в Интернете.
  • Автоматические обновления

Минусы

  • Потребляет больше памяти
  • Ограничено одним сеансом
  • Нет поддержки синхронизации

2. Гугл Хром

Если вы не хотите, чтобы Microsoft Edge работал в ваших приложениях, вы можете вместо этого попробовать Google Chrome, так как шаги по преобразованию аналогичны.

  1. В Chrome посетите веб-сайт, который вы хотите превратить в приложение.
Младший Скриншот00019 Sitestodesktopapps05
  1. Щелкните значок с тремя точками на панели инструментов Chrome (или нажмите Альт + Ф).
  2. Оттуда перейдите в «Дополнительные инструменты» и нажмите «Создать ярлык».
Младший Screenshot00020 Sitestodesktopapps06
  1. Измените имя приложения, если хотите, установите флажок «Открыть как окно» и нажмите «Создать», чтобы завершить преобразование.
Младший Скриншот00021 Sitestodesktopapps07

Кончик: это также самый простой способ создать настольное приложение Gmail.

Плюсы

  • Быстрая и простая настройка
  • Поддерживает расширения Chrome и автоматическое заполнение форм
  • Работает с любым сайтом
  • Приложения синхронизируются между настольными установками Chrome через вашу учетную запись Google.
  • Более чистая страница выделенных приложений с более крупными значками

Минусы

  • Потребляет больше памяти
  • Ограничено одним сеансом

3. Веб-каталог

Веб-каталог — стороннее приложение, содержащее библиотеку популярных веб-сайтов, которые можно установить в качестве настольных приложений. В отличие от Microsoft Edge, каждое приложение является автономным в своем собственном браузерном движке под названием Photon.

Photon работает на основанной на Chromium платформе Electron, которая изолирует приложения WebCatalog друг от друга и от других браузеров, сохраняя при этом хорошую совместимость с большинством веб-сайтов.

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

  1. После того, как вы установили программу, откройте WebCatalog и используйте панель поиска, чтобы найти веб-сайт, который вы хотите установить в качестве приложения.
  2. Нажмите «Установить» под значком веб-сайта и позвольте WebCatalog создать приложение. WebCatalog также добавит ярлык в раздел «Приложения» меню «Пуск».
Младший Скриншот00022 Sitestodesktopapps08
  1. Если в каталоге WebCatalog нет веб-сайта, который вы хотите преобразовать, щелкните плитку «Создать пользовательское приложение», чтобы открыть диалоговое окно, в котором вы можете настроить приложение.
Младший Скриншот00023 Sitestodesktopapps09
  1. Назовите приложение и введите адрес веб-сайта в поле URL. Укажите значок веб-сайта, используя любой из параметров под полем URL, и нажмите «Установить», чтобы настроить приложение.
Младший Screenshot00024 Sitestodesktopapps10

Плюсы

  • Встроенный каталог позволяет открывать для себя новые веб-сайты и услуги.
  • Изолированные сеансы
  • Нет отслеживания Chrome или Edge
  • Настраиваемый интерфейс
  • Автоматические обновления
  • Встроенный блокировщик рекламы и трекеров в полной версии

Минусы

  • Потребляет больше места на диске, чем приложения Edge или Chrome.
  • Бесплатная версия ограничена 10 приложениями и двумя сеансами для каждого приложения.

4. С Нативфайером

Как веб-каталог, Нативфьер использует Electron для размещения веб-сайтов в изолированных контейнерах для повышения безопасности. Однако Nativefier не предлагает никакого графического пользовательского интерфейса или каталога, что вынуждает вас использовать командную строку для преобразования сайтов в приложения.

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

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

  1. Установите последняя LTS-версия Node.js на ваш ПК.

Примечание: не меняйте никаких настроек в установщике.

Младший Скриншот00025 Sitestodesktopapps11
  1. Запустите меню «Пуск» или Windows Search и найдите «Терминал».
  2. Нажмите «Запуск от имени администратора» на боковой панели результатов поиска, чтобы открыть окно терминала Windows с правами администратора.
Jr Скриншот00026 Sitestodesktopapps12 1
  1. Щелкните маленькую стрелку, указывающую вниз, в строке заголовка Windows Terminal и перейдите в «Настройки» (или нажмите Ctrl + ,).
Веб-сайты в терминале настроек приложений для ПК
  1. В «Автозагрузке» установите «Профиль по умолчанию» на «Командная строка», так как этот шаг упростит процесс создания приложений Nativefier.
Веб-сайты в приложениях для ПК Профиль по умолчанию
  1. Нажмите «Сохранить», чтобы применить изменения.
  2. Нажмите маленький значок «+» в строке заголовка, чтобы открыть окно командной строки в Терминале.
Веб-сайты в приложения для ПК Новое окно терминала
  1. Введите следующую команду в Терминале, чтобы установить Nativefier.
    npm install -g nativefier
  2. Подождите, пока Node Package Manager загрузит зависимости, необходимые Nativefier для работы.
Младший Скриншот00028 Sitestodesktopapps14 2
  1. Запустите проводник Windows и перейдите в папку, в которую вы хотите поместить приложения Nativefier.
  2. Щелкните правой кнопкой мыши папку, удерживая Сдвиг ключ и нажмите «Открыть в терминале».
Младший Screenshot00028 Sitestodesktopapps14
  1. Чтобы создать базовое приложение Nativefier, введите эту команду в следующем формате:
nativefier --name "Website Name" https://www.websitename.com

Примечание: замените «Имя веб-сайта» между кавычками на название веб-сайта, который вы конвертируете, и замените «websitename.com» на адрес сайта. Подождите, пока Nativefier загрузит все необходимые файлы и создаст приложение.

Младший Скриншот00030 Sitestodesktopapps16
  1. Вернитесь в окно проводника и откройте папку, содержащую только что созданное приложение.
  2. Запустите там единственный исполняемый файл, затем закрепите приложение на панели задач или в меню «Пуск» так же, как и с любым другим приложением Windows.
Jr Скриншот00031 Sitestodesktopapps17

Плюсы

  • Создает столько приложений и изолированных сессий, сколько вам нужно
  • Нет отслеживания Chrome или Edge
  • Осветить ресурсы
  • Полностью портативный
  • Архитектура с открытым исходным кодом

Минусы

  • Нет графического интерфейса пользователя
  • Приложения должны быть индивидуально обновлены вручную
  • Некоторые сайты, такие как службы Google, имеют проблемы с совместимостью.
  • Потребляет больше места на диске, чем приложения Edge или Chrome.

Часто задаваемые вопросы

Могу ли я попробовать все решения на одном компьютере?

Да! Microsoft Edge, Google Chrome, WebCatalog и Nativefier могут сосуществовать в Windows. Фактически, у вас может быть четыре разных приложения, каждое из которых содержит один и тот же веб-сайт со своими отдельными сеансами и файлами cookie.

Как я могу создать приложение Nativefier с пользовательскими настройками?

Откройте терминал и введите эту команду, чтобы просмотреть все параметры командной строки Nativefier для дальнейшей настройки приложения: nativefier --help.

Как увидеть все конвертированные приложения, которые я сделал?

В Microsoft Edge щелкните значок с тремя точками на панели инструментов, перейдите в «Приложения» и нажмите «Управление приложениями». В Google Chrome нажмите кнопку «Приложения» на панели «Избранное». Если вы не видите панель «Избранное» или значок, вместо этого перейдите по следующему веб-адресу: хром://приложения/. Чтобы просмотреть все приложения, созданные с помощью WebCatalog, запустите WebCatalog из меню «Пуск» и нажмите «Установлено» на левой боковой панели. Nativefier не отслеживает созданные вами приложения.

Кредит изображения: Уксвинг. Все скриншоты Джона Руиса

Join our Newsletter and receive offers and updates! ✅

0 0 голоса
Article Rating
Аватар Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Читайте также:

Подписаться
Уведомить о
guest
0 Comments
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x