Så många program går från att vara något du installerar på din dator till att vara en webbapp som du kör i en webbläsare. Det är ett drag som orsakas av att fler och fler av världen har tillgång^(Internet) till höghastighetsinternettjänster på över 10 Mbps.

En annan bidragande faktor är att serverbaserad kraft blir mer genomgripande och billigare att använda. Mellan de två är förutsättningarna mogna för att webbappar ska bli standard.

Problemet med webbappar

Det finns dock ett stort problem för webbappar – webbläsaren. Om ditt skrivbord i Microsoft Word också hade ett webbadressfält, ett bokmärkesfält, ett gäng tillägg som visas och en rad med flikar ovanpå, skulle du förmodligen bli riktigt frustrerad över röran. Det är precis vad som händer med webbappar i webbläsaren.

Det blir värre när du vill ha andra webbplatser öppna samtidigt, så du har några webbappar som körs i samma webbläsare under flera olika flikar.

Ett mindre problem är att behöva öppna webbläsaren och klicka på bokmärket för din webbapp bara för att starta den.

Få en webbapp att köra^{(Web App Run)} som en stationär app

Det finns ett sätt att eliminera dessa problem och njuta av din webbapp lika mycket som du gillade skrivbordsversionen. Låt oss gå igenom stegen för att få det att hända.

Vad du behöver

Du måste ha Google Chrome installerat och ställt in som din standardwebbläsare. Den kan laddas ner från https://www.google.com/chrome/ . I skrivande stund känner vi bara till en webbläsare som fungerar för detta. Om du vill se den här funktionen i din favoritwebbläsare, gå till deras hemsida och hitta ett sätt att begära det.

Du behöver också webbadressen eller webbadressen^(URL) till en webbapp som du använder ofta. För våra ändamål kommer vi att använda Googles Messages for Web- app. Om du har en Android-baserad telefon bör du överväga att använda Messages for Web . Det är ett utmärkt sätt att skicka och ta emot textmeddelanden på din dator. Kolla in det på https://messages.android.com/ .

Steg att ta

Öppna Utforskaren^{(Windows Explorer)} i Windows . Det snabbaste sättet att göra detta är att hålla nere Windows -tangenten och trycka på E på tangentbordet.

Navigera till där Chrome är installerat på din dator. Det kommer troligen att finnas i: C:\Program Files (x86)\Google\Chrome\Application.Om du inte hittar det där, sök efter Chrome.exe i Utforskaren^{(Windows Explorer)} i Windows .

Högerklicka^{(Right-click)} på filen chrome.exe och klicka på Skapa genväg^{(Create shortcut)} .

Du kommer sannolikt att få ett felmeddelande som säger "Windows kan inte skapa en genväg här. Vill du att genvägen ska placeras på skrivbordet istället?” ^{(“Windows can’t create a shortcut here. Do you want the shortcut to be placed on the desktop instead?”)}Välj Ja^(Yes) .

Gå till skrivbordet och hitta genvägen. Det kommer att se ut som följande bild.

Högerklicka^{(Right-click)} på genvägen och klicka på Egenskaper^{( Properties)} . Ett nytt fönster öppnas.

Fönstret Genvägsegenskaper^{(Shortcut Properties )} bör öppnas med fokus på fliken Genväg^{(Shortcut )} och i fältet Mål :. ^{(Target: )}Det är här vi kommer att lägga till flaggan som gör att din webbapp öppnas i ett Windows-liknande fönster utan att webbläsarens röra. Flytta markören till slutet av texten som redan finns i fältet.

Skriv nu följande: –app=https://messages.android.com /. Observera^(Notice) att det finns två streck framför appen. Appen säger åt Chrome att öppnas utan platsfältet, bokmärken eller andra element .^(–app)

Delen =https://messages.android.com säger åt Chrome att öppna upp direkt till den webbplatsen eller webbappen. Du kan ersätta den adressen med webbadressen för vilken webbapp du vill. Klicka ^(Click) på Använd^(Apply) .

Det rekommenderas att du ändrar namnet på genvägen, så att du enkelt kan identifiera den som den som öppnar din webbapp. I fönstret Genvägsegenskaper^{(Shortcut Properties)} klickar du på fliken Allmänt .^(General)

Överst på fliksidan ser du att namnet är inställt som chrome.exe – Genväg^{(chrome.exe – Shortcut)} . Ta bort^(Delete) det och ange namnet på din webbapp. Klicka^(Click) på OK -knappen längst ner i detta fönster.

Dubbelklicka nu på den genvägen och njut av din webbapp i ett trevligt, stort, öppet fönster.

Det är så du kan få vilken webbapp som helst att öppnas som om den är en Windows - app. Du kan fästa den genvägen till aktivitetsfältet eller flytta den till din Start-meny^{(Start Menu)} så att du kan komma åt den där du vill.

Om du vill ta det ett steg längre kan du till och med ändra ikonen för din genväg så att den matchar webbappen, istället för standardikonen för Chrome . Titta efter detaljer om hur du gör det i en framtida artikel.

Make a Web App Run Like a Desktop App

So many programs are going from being something you install on your computer to being a web app that you run in a browser. It’s a move that’ѕ brought on by more and more of the world havіng acсеss to high-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.

Martin Gustafsson

About the author

Jag är en webbutvecklare med över 10 års erfarenhet av att arbeta med webbläsarna Firefox och Google Docs. Jag är specialist på att skapa enkla men kraftfulla onlineapplikationer och har utvecklat webbaserade lösningar för både små företag och stora organisationer. Min kundbas inkluderar några av de största företagen, inklusive FedEx, Coca Cola och Macy's. Mina kunskaper som utvecklare gör mig till en idealisk kandidat för alla projekt som behöver slutföras snabbt och effektivt - från att utveckla anpassade webbplatser till att skapa robusta e-postmarknadsföringskampanjer.

Få en webbapp att köra som en stationär app

Problemet med webbappar