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

Артём Суровцев avatar | 11
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.71 из 5, оценили: 17)
🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram.
... и не забывай читать наш Facebook и Twitter 🍒
FavoriteLoading В закладки
undefined
iPhones.ru
Навыки программирования не потребуются.
Прокомментировать

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

  1. Pavel Volobuev avatar
    Pavel Volobuev16 октябрь в 16:05
    7

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

  2. diessdka16 октябрь в 16:14
    0

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

    sissa avatar
    sissa21 октябрь в 1:45
    0

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

  3. Pavel Volobuev avatar
    Pavel Volobuev16 октябрь в 16:15
    0

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

  4. windowlicker avatar
    windowlicker16 октябрь в 17:15
    2

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

    Roman16 октябрь в 22:18
    0

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

  5. Commander avatar
    Commander16 октябрь в 17:31
    1

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

  6. joker2k2 avatar
    joker2k216 октябрь в 17:44
    2

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

  7. varvar1313 avatar
    varvar131316 октябрь в 21:22
    0

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

  8. en.dev avatar
    en.dev16 октябрь в 23:29
    0

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

  9. mnemonic avatar
    mnemonic17 октябрь в 14:05
    0

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

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

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

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

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

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