Zoveel programma's gaan van iets dat u op uw computer installeert naar een web-app die u in een browser uitvoert. Het is een stap die wordt ondernomen door steeds meer van de wereld die toegang hebben tot snelle internetdiensten^(Internet) van meer dan 10 Mbps.

Een andere factor die hieraan bijdraagt, is dat servergebaseerde kracht alomtegenwoordig en goedkoper in gebruik wordt. Tussen beide zijn de voorwaarden rijp om web-apps de standaard te laten worden.

Het probleem met webapps

Er is echter één groot probleem waarmee web-apps worden geconfronteerd: de browser. Als uw bureaublad Microsoft Word ook een webadresbalk, een bladwijzerbalk, een aantal weergegeven extensies en een rij tabbladen bovenaan had, zou u waarschijnlijk erg gefrustreerd raken door de rommel. Dat is precies wat er gebeurt met web-apps in de browser.

Het wordt nog erger als u tegelijkertijd andere websites wilt openen, zodat u een paar web-apps in dezelfde browser onder verschillende tabbladen hebt.

Een kleiner probleem is dat u de browser moet openen en op de bladwijzer voor uw web-app moet klikken om deze op te starten.

Een web-app laten werken^{(Web App Run)} als een desktop-app

Er is een manier om die problemen op te lossen en net zoveel van uw web-app te genieten als van de desktopversie. Laten we de stappen doorlopen om dat mogelijk te maken.

Wat je nodig hebt

U moet Google Chrome hebben geïnstalleerd en ingesteld als uw standaardbrowser. Het kan worden gedownload van https://www.google.com/chrome/ . Op het moment van schrijven is er maar één browser die hiervoor werkt. Als je deze functionaliteit in je favoriete browser wilt zien, ga dan naar hun startpagina en zoek een manier om deze aan te vragen.

U hebt ook het webadres of de URL nodig van een web-app die u vaak gebruikt. Voor onze doeleinden gebruiken we de Berichten^(Messages) voor web - app van Google. Als je een Android-telefoon hebt, moet je eens kijken naar het gebruik van Berichten^(Messages) voor het web . Het is een geweldige manier om sms-berichten op uw computer te verzenden en te ontvangen. Ga het bekijken op https://messages.android.com/ .

Te nemen stappen

Open Windows Verkenner^{(Windows Explorer)} . De snelste manier om dit te doen, is door de Windows -toets ingedrukt te houden en op E op uw toetsenbord te drukken.

Navigeer naar waar Chrome op uw computer is geïnstalleerd. Het staat waarschijnlijk in: C:\Program Files (x86)\Google\Chrome\Application.Als je het daar niet kunt vinden, zoek dan naar Chrome.exe in Windows Verkenner^{(Windows Explorer)} .

Klik met de rechtermuisknop^{(Right-click)} op het bestand chrome.exe en klik op Snelkoppeling maken^{(Create shortcut)} .

U krijgt waarschijnlijk een foutmelding met de melding "Windows kan hier geen snelkoppeling maken. Wilt u dat de snelkoppeling in plaats daarvan op het bureaublad wordt geplaatst?” ^{(“Windows can’t create a shortcut here. Do you want the shortcut to be placed on the desktop instead?”)}Selecteer Ja^(Yes) .

Ga naar je bureaublad en zoek de snelkoppeling. Het ziet eruit als de volgende afbeelding.

Klik met de rechtermuisknop^{(Right-click)} op de snelkoppeling en klik op Eigenschappen^{( Properties)} . Er wordt een nieuw venster geopend.

Het venster Eigenschappen van snelkoppeling^{(Shortcut Properties )} zou moeten openen met de focus op het tabblad Snelkoppeling^{(Shortcut )} en in het veld Doel:. ^{(Target: )}Hier zullen we de vlag toevoegen die ervoor zorgt dat uw web-app wordt geopend in een Windows-achtig venster zonder de rommel van de browser. Verplaats uw cursor naar het einde van de tekst die al in het veld staat.

Typ nu het volgende: –app=https://messages.android.com /. Merk^(Notice) op dat er twee streepjes voor de app staan. De -app vertelt Chrome om te openen zonder de locatiebalk, bladwijzers of andere elementen.

Het deel =https://messages.android.com vertelt Chrome om rechtstreeks naar die website of web-app te gaan. U kunt dat adres vervangen door het webadres van elke gewenste web-app. Klik ^(Click) op Toepassen^(Apply) .

Het wordt aanbevolen dat u de naam van de snelkoppeling wijzigt, zodat u deze gemakkelijk kunt identificeren als degene waarmee uw web-app wordt geopend. Klik in het venster Snelkoppelingseigenschappen^{(Shortcut Properties)} op het tabblad Algemeen .^(General)

Boven aan de pagina met tabbladen ziet u dat de naam is ingesteld als chrome.exe – Shortcut . Verwijder^(Delete) dat en voer de naam van uw web-app in. Klik^(Click) op de OK- knop onderaan dit venster.

Dubbelklik nu op die snelkoppeling en geniet van uw web-app in een mooi, groot, open venster.

Zo kun je elke web-app openen alsof het een Windows - app is. U kunt die snelkoppeling naar de taakbalk vastzetten of naar uw Startmenu verplaatsen, zodat u deze kunt openen waar u maar wilt.

Als u nog een stap verder wilt gaan, kunt u zelfs het pictogram voor uw snelkoppeling wijzigen zodat het overeenkomt met de web-app, in plaats van het standaard Chrome - pictogram. Kijk voor details over hoe u dat kunt doen in een toekomstig artikel.

Make a Web App Run Like a Desktop App

So many programs are going from being something you install on your сomputer to bеing a web app that уou run in a browser. It’s a move that’s brought on by more and more of the world having access to hіgh-speed Internet service in excess 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.

Thijmen Mol

About the author

Ik ben software engineer en heb ervaring met zowel Microsoft Office als de Chrome browser. Ik heb kennis van vele aspecten van webontwikkeling, inclusief maar niet beperkt tot: HTML, CSS, JavaScript, jQuery en React. Door mijn interesse in het werken met technologie ben ik ook bekend met verschillende platformen (Windows, Mac, iOS) en begrijp ik hoe ze werken.

Een web-app laten werken als een desktop-app

Het probleem met webapps