Как превратить любой сайт в приложение для Mac

Артём Суровцев avatar | 12
FavoriteLoading В закладки
Как превратить любой сайт в приложение для Mac

Разработчики большинства веб-сервисов не торопятся выпускать клиенты для операционной системы macOS, вынуждая пользователей работать в браузере. Когда приходится иметь дело с десятком сервисов, лучше выделить самые нужные в отдельные приложения.

Сейчас расскажем, как быстро и просто сделать это.

📍 Спасибо re:Store за полезную информацию. 👌

Зачем это нужно

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

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

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

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

Как превратить сайт в приложение

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

Вот, что для этого нужно:

1. Устанавливаем менеджер пакетов Node.js. Найти установочный пакет можно на официальном сайте.

2. Загружаем терминальную утилиту Nativefier. Для этого в Терминале вводим команду:

sudo npm install nativefier -g

3. Подтверждаем установку вводом пароля администратора и ждем окончания процесса.

4. Для превращения любого сайта в приложение вводим такую команду:

nativefier "https://iphones.ru"

Ждем, пока индикатор статуса не заполнится.

Что делать дальше

После того, как приложение Nativefier обернет сайт в оболочку приложения, следует перейти в корневую папку macOS.

Здесь увидите отдельную директорию с созданным только что приложением.

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

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

Рейтинг поста:

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (4.72 из 5, оценили: 18)
🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram.
... и не забывай читать наш Facebook и Twitter 🍒
FavoriteLoading В закладки
undefined
iPhones.ru
Навыки программирования не потребуются.
Прокомментировать

🙈 Комментарии 12

  1. Pavel Volobuev avatar
    Pavel Volobuev16 октябрь 2019
    7

    Охренеть, что-то полезное

  2. diessdka16 октябрь 2019
    0

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

    sissa avatar
    sissa21 октябрь 2019
    0

    @diessdka, какой на.. хром? Это просто оболочка, а не браузер, жрать она будет меньше чем одна открытая страница в сафари! Я например при работе хочу слушать янденс, а в браузере у меня много вкладок и на.. мне запускать браузер который сожрёт всю оперативку, когда можно запустить это и комфортно работать? Чё ж люди пошли такие деревянные?

  3. Pavel Volobuev avatar
    Pavel Volobuev16 октябрь 2019
    0

    142 метра каждое приложение, нормально так )

  4. windowlicker avatar
    windowlicker16 октябрь 2019
    2

    На электроне приложеньки будут жрать память как не в себя. Такой себе хинт. Проще тупо запинить нужные вкладки в браузере

    Roman16 октябрь 2019
    0

    @windowlicker, кстати електрон удобная штука когда надо дать кому-то потестить SPA а сервер делать не очень хочется

  5. Commander avatar
    Commander16 октябрь 2019
    1

    для ютуба может и полезно

  6. joker2k2 avatar
    joker2k216 октябрь 2019
    2

    и из буханки можно сделать троллейбус, но….

  7. varvar1313 avatar
    varvar131316 октябрь 2019
    0

    Создал приложение на базе профессиональной CRM-системы. Как сделать так, чтобы не новые окна открывались, а вкладки?

  8. en.dev avatar
    en.dev16 октябрь 2019
    0

    Дельная статейка Артёмчик спс.

  9. mnemonic avatar
    mnemonic17 октябрь 2019
    0

    А можно больше вот такого, вместо алиэкспресса?

  10. Evteev21 ноября 2019
    0

    Отлично, все получилось!

    Как-то давно оплатил донат за Fluid, но тогда все работало криво, и я не стал им пользоваться. Вчера восстановил лицензию, но она оказалась от версии 1.х, а сейчас уже 2.х, за которую хотят еще $5, без скидок на апгрейд

    В итоге сделал все без этого Fluid, по бесплатной инструкции из статьи

    Особенно радует, что музыка онлайн не прекращает играть, если по ошибке окно не свернешь, а закроешь. Или онлайн-сервисы, которые обычно перезапрашивают логин при входе, не отваливаются при закрытии окна!

    Остался один вопрос:
    можно как-то изменить имя созданной программы?

    По инструкции из статьи создается кривое имя. И если потом файл можно переименовать, и в доке все отображается корректно, то в верхнем меню, рядом с яблоком, имя так и остается неправильным

Вы должны авторизоваться или зарегистрироваться для комментирования.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.

Как установить аватар в комментариях?

Ответ вот здесь