Многие программы превращаются из того, что вы устанавливаете на свой компьютер, в веб-приложение, которое вы запускаете в браузере. Это шаг, вызванный тем, что все больше и больше людей в мире имеют доступ к высокоскоростному Интернету^(Internet) со скоростью свыше 10 Мбит/с.

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

Проблема с веб-приложениями

Однако есть одна большая проблема, с которой сталкиваются веб-приложения — браузер. Если бы на вашем рабочем столе Microsoft Word также была строка веб-адреса, панель закладок, набор отображаемых расширений и ряд вкладок сверху, вы, вероятно, были бы очень разочарованы беспорядком. Именно это происходит с веб-приложениями в браузере.

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

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

Заставьте веб-приложение работать^{(Web App Run)} как настольное приложение

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

Что вам понадобится

Вам потребуется установить Google Chrome и установить его в качестве браузера по умолчанию. Его можно скачать с https://www.google.com/chrome/ . На момент написания этого мы знали только об одном браузере, который работает для этого. Если вы хотите видеть эту функцию в своем любимом браузере, перейдите на их домашнюю страницу и найдите способ запросить ее.

Вам также понадобится веб-адрес или URL -адрес веб-приложения, которое вы часто используете. Для наших целей мы будем использовать приложение Google Messages for Web . Если у вас есть телефон на базе Android, вам следует изучить возможность использования Messages for Web . Это отличный способ отправлять и получать текстовые сообщения на вашем компьютере. Проверьте это на https://messages.android.com/ .

Шаги, которые нужно предпринять

Откройте проводник Windows^{(Windows Explorer)} . Самый быстрый способ сделать это — зажать клавишу Windows и нажать E на клавиатуре.

Перейдите туда, где Chrome установлен на вашем компьютере. Скорее всего, он будет в: C:\Program Files (x86)\Google\Chrome\Application.Если вы не можете найти его там, найдите Chrome.exe в проводнике Windows^{(Windows Explorer)} .

Щелкните правой кнопкой мыши^{(Right-click)} файл chrome.exe и выберите « Создать ярлык^{(Create shortcut)} » .

Скорее всего, вы получите сообщение об ошибке: «Windows не может создать здесь ярлык. Вы хотите, чтобы вместо этого ярлык был размещен на рабочем столе?» ^{(“Windows can’t create a shortcut here. Do you want the shortcut to be placed on the desktop instead?”)}Выберите Да^(Yes) .

Перейдите на рабочий стол и найдите ярлык. Это будет выглядеть следующим образом.

Щелкните правой кнопкой мыши^{(Right-click)} ярлык и выберите « Свойства^{( Properties)} » . Откроется новое окно.

Окно « Свойства ярлыка^{(Shortcut Properties )} » должно открыться с фокусом на вкладке « Ярлык^{(Shortcut )} » и в поле « Цель:^{(Target: )} » . Здесь мы добавим флаг, который заставит ваше веб-приложение открываться в окне, похожем на Windows, без беспорядка в браузере. Переместите курсор в конец текста, который уже находится в поле.

Теперь введите следующее: –app=https://messages.android.com . Обратите внимание^(Notice) , что перед app стоят два тире. –app указывает Chrome открываться без адресной строки, закладок или любых других элементов .^(–app)

Часть =https://messages.android.com указывает Chrome открывать непосредственно этот веб-сайт или веб-приложение. Вы можете заменить этот адрес веб-адресом любого веб-приложения, которое вам нравится. Нажмите ^(Click) Применить^(Apply) .

Рекомендуется изменить имя ярлыка, чтобы вы могли легко идентифицировать его как тот, который открывает ваше веб-приложение. В окне « Свойства ярлыка^{(Shortcut Properties)} » перейдите на вкладку « Общие^(General) ».

В верхней части страницы с вкладками вы увидите, что имя установлено как chrome.exe — Shortcut . Удалите^(Delete) это и введите имя своего веб-приложения. Нажмите кнопку ^(Click)ОК^(OK) в нижней части этого окна.

Теперь дважды щелкните этот ярлык и наслаждайтесь своим веб-приложением в красивом большом открытом окне.

Вот как вы можете сделать так, чтобы любое веб-приложение открывалось, как приложение для Windows . Вы можете закрепить этот ярлык на панели задач или переместить его в меню « Пуск»^{(Start Menu)} , чтобы получить к нему доступ из любого места.

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

Make a Web App Run Like a Desktop App

So many programs are going from being something yоu install on yoυr сomputer to being a web app that you run in a browser. It’s a move that’s brought on bу more and more of thе world having access to high-speed Internet service in exceѕs of 10Mbps.

Another contributing factor is that server-based power is getting more pervasive and cheaper to use. Between the two, conditions are ripe for web apps to become the standard.

The Problem with Web Apps

However, there is one big problem facing web apps – the browser. If your desktop Microsoft Word also had a web address bar, a bookmarks bar, a bunch of extensions showing, and a row of tabs on top, you would probably get really frustrated with the clutter. That’s exactly what happens with web apps in the browser.

It gets worse when you want to have other websites open at the same time, so you have a few web apps running in the same browser under several different tabs.

A lesser problem is having to open the browser and click on the bookmark for your web app just to start it up.

Make a Web App Run Like a Desktop App

There is a way to eliminate those problems and enjoy your web app as much as you enjoyed the desktop version. Let’s go through the steps of making that happen.

What You’ll Need

You’ll need Google Chrome installed and set as your default browser. It can be downloaded from https://www.google.com/chrome/. At the time of writing this, we only know of one browser that works for this. If you’d like to see this functionality in your favorite browser, go to their homepage and find a way to request it.

You’ll also need the web address or URL of a web app that you use frequently. For our purposes, we’ll use Google’s Messages for Web app. If you’ve got an Android-based phone, you should look into using Messages for Web. It’s a great way to send and receive text messages on your computer. Go check it out at https://messages.android.com/.

Steps to Take

Open Windows Explorer. The quickest way to do this is to hold down the Windows key and press E on your keyboard.

Navigate to where Chrome is installed on your computer. It will likely be in: C:\Program Files (x86)\Google\Chrome\Application. If you can’t find it there, search for Chrome.exe in Windows Explorer.

Right-click on the chrome.exe file and click on Create shortcut.

You’ll likely get an error message saying “Windows can’t create a shortcut here. Do you want the shortcut to be placed on the desktop instead?” Select Yes.

Go to your desktop and find the shortcut. It will look like the following image.

Right-click on the shortcut and click on Properties. A new window will open.

The Shortcut Properties window should open with the focus on the Shortcut tab and in the Target: field. This is where we will add the flag that makes your web app open up in a Windows-like window with none of the clutter of the browser. Move your cursor to the end of the text that is already in the field.

Now, type the following: –app=https://messages.android.com/. Notice that there are two dashes in front of app. The –app tells Chrome to open without the location bar, bookmarks, or any other elements.

The =https://messages.android.com part tells Chrome to open up directly to that website, or web app. You can substitute that address with the web address of any web app you like. Click Apply.

It is recommended that you change the name of the shortcut, so you can easily identify it as the one that opens your web app. In the Shortcut Properties window, click on the General tab.

At the top of the tabbed-page, you’ll see the name is set as chrome.exe – Shortcut. Delete that and enter the name of your web app. Click on the OK button at the bottom of this window.

Now, double click on that shortcut and enjoy your web app in a nice, big, open window.

That’s how you can make any web app open up like it’s a Windows app. You can pin that shortcut to the taskbar or move it into your Start Menu so you can access it where you’d like.

If you want to take it one step further, you can even change the icon for your shortcut to match the web app, instead of the default Chrome icon. Look for details on how to do that in a future article.

Эрик Киселев

About the author

Я веб-разработчик с опытом работы в Firefox и Google Docs. У меня есть степень в области делового администрирования Университета Флориды. Мои навыки включают в себя: разработку веб-сайтов, систему управления контентом (CMS), анализ данных и дизайн пользовательского интерфейса. Я опытный консультант, который может помочь вашей команде создавать эффективные веб-сайты и приложения.

Заставьте веб-приложение работать как настольное приложение

Проблема с веб-приложениями