มีโปรแกรมมากมายที่เปลี่ยนจากการเป็นสิ่งที่คุณติดตั้งบนคอมพิวเตอร์ของคุณเป็นเว็บแอปที่คุณเรียกใช้ในเบราว์เซอร์ เป็นการเคลื่อนไหวที่เกิดขึ้นทั่วโลกมากขึ้นเรื่อยๆ ที่เข้าถึง บริการ อินเทอร์เน็ต^(Internet) ความเร็วสูง เกิน 10Mbps

ปัจจัยสนับสนุนอีกประการหนึ่งคือพลังงานบนเซิร์ฟเวอร์นั้นแพร่หลายมากขึ้นและถูกกว่าในการใช้งาน ระหว่างสองเงื่อนไขนั้นสุกงอมสำหรับเว็บแอปที่จะกลายเป็นมาตรฐาน

ปัญหาเกี่ยวกับเว็บแอป

อย่างไรก็ตาม เว็บแอปมีปัญหาใหญ่อย่างหนึ่ง นั่นคือเบราว์เซอร์ หากMicrosoft Word บนเดสก์ท็อปของคุณ มีแถบที่อยู่เว็บ แถบบุ๊กมาร์ก ส่วนขยายต่างๆ ที่แสดงอยู่ และแถบแท็บด้านบน คุณอาจรู้สึกหงุดหงิดกับความยุ่งเหยิง นั่นคือสิ่งที่เกิดขึ้นกับเว็บแอปในเบราว์เซอร์

มันจะแย่ลงเมื่อคุณต้องการให้เว็บไซต์อื่นเปิดพร้อมกัน ดังนั้นคุณจึงมีเว็บแอปสองสามตัวที่ทำงานอยู่ในเบราว์เซอร์เดียวกันภายใต้แท็บต่างๆ

ปัญหาน้อยกว่าคือการเปิดเบราว์เซอร์และคลิกที่บุ๊กมาร์กสำหรับเว็บแอปของคุณเพื่อเริ่มต้น

ทำให้เว็บแอปทำงาน^{(Web App Run)}เหมือนแอปเดสก์ท็อป

มีวิธีขจัดปัญหาเหล่านั้นและเพลิดเพลินกับเว็บแอปของคุณได้มากเท่ากับที่คุณชอบเวอร์ชันเดสก์ท็อป มาดูขั้นตอนในการทำให้มันเกิดขึ้นกันเถอะ

สิ่งที่คุณต้องการ

คุณจะต้อง ติดตั้ง Google Chromeและตั้งค่าเป็นเบราว์เซอร์เริ่มต้นของคุณ สามารถดาวน์โหลดได้จากhttps://www.google.com/chrome/ในขณะที่เขียนสิ่งนี้ เรารู้เพียงเบราว์เซอร์เดียวเท่านั้นที่ใช้งานได้ หากคุณต้องการดูฟังก์ชันนี้ในเบราว์เซอร์โปรดของคุณ ไปที่หน้าแรกและค้นหาวิธีขอ

คุณจะต้องมีที่อยู่เว็บหรือURLของเว็บแอปที่คุณใช้บ่อยๆ เพื่อจุดประสงค์ของเรา เราจะใช้แอปMessagesสำหรับเว็บ ของ Google ^(Web)หากคุณมีโทรศัพท์ที่ใช้ Android คุณควรลองใช้Messages for Web เป็นวิธีที่ยอดเยี่ยมในการส่งและรับข้อความบนคอมพิวเตอร์ของคุณ ไป ลองดูที่https://messages.android.com/

ขั้นตอนในการดำเนินการ

เปิดWindows^{(Windows Explorer)} Explorer วิธีที่เร็วที่สุดในการทำเช่นนี้คือการ กดปุ่ม Windows ค้างไว้แล้วกดEบนแป้นพิมพ์ของคุณ

นำทางไปยังตำแหน่งที่ ติดตั้ง Chromeบนคอมพิวเตอร์ของคุณ มีแนวโน้มว่าจะอยู่ใน: C:\Program Files (x86)\Google\Chrome\Application.หากคุณไม่พบ ที่นั่น ให้ค้นหาChrome.exeในWindows Explorer

คลิกขวา^{(Right-click)}ที่ไฟล์ chrome.exe แล้วคลิก สร้าง ทางลัด^{(Create shortcut)}

คุณอาจได้รับข้อความแสดงข้อผิดพลาดว่า“Windows can't create a shortcut here. คุณต้องการให้วางทางลัดไว้บนเดสก์ท็อปแทนหรือไม่” ^{(“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)บอกให้Chromeเปิดโดยไม่มีแถบตำแหน่ง บุ๊กมาร์ก หรือองค์ประกอบอื่นๆ

ส่วน=https://messages.android.comบอกให้Chromeเปิดขึ้นโดยตรงไปยังเว็บไซต์นั้นหรือเว็บแอป คุณสามารถแทนที่ที่อยู่นั้นด้วยที่อยู่เว็บของเว็บแอปใดก็ได้ที่คุณต้องการ คลิก^(Click) สมัคร^(Apply) _

ขอแนะนำให้เปลี่ยนชื่อทางลัด เพื่อให้คุณสามารถระบุได้อย่างง่ายดายว่าเป็นชื่อที่เปิดเว็บแอปของคุณ ใน หน้าต่าง คุณสมบัติทางลัด^{(Shortcut Properties)}คลิกที่แท็บทั่วไป^(General)

ที่ด้านบนของหน้าแท็บ คุณจะเห็นชื่อถูกตั้งค่าเป็น chrome.exe – Shortcut ^{(chrome.exe – Shortcut)}ลบ^(Delete)และป้อนชื่อเว็บแอปของคุณ คลิก^(Click)ที่ ปุ่ม OKที่ด้านล่างของหน้าต่างนี้

ตอนนี้ ดับเบิลคลิกที่ทางลัดนั้นแล้วเพลิดเพลินกับเว็บแอปของคุณในหน้าต่างเปิดขนาดใหญ่ที่สวยงาม

นั่นคือวิธีที่คุณสามารถเปิดเว็บแอปใดๆ ได้เหมือนกับเป็นแอปWindows คุณสามารถปักหมุดทางลัดนั้นไว้ที่ทาสก์บาร์หรือย้ายไปยังเมนูเริ่ม^{(Start Menu)}เพื่อให้คุณสามารถเข้าถึงได้จากที่ที่คุณต้องการ

หากคุณต้องการก้าวไปอีกขั้น คุณสามารถเปลี่ยนไอคอนสำหรับทางลัดให้ตรงกับเว็บแอป แทนที่จะเป็นไอคอนChrome เริ่มต้น ^(Chrome)ดูรายละเอียดเกี่ยวกับวิธีการดำเนินการดังกล่าวในบทความต่อๆ ไป

Make a Web App Run Like a Desktop App

So many progrаms arе going frоm being something yоu install on your computer to beіng a web app that yoυ run іn a browser. It’s a move that’s brought on by more and more of the world having аccess to high-speed Internet serviсe 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.

ณิชา รัตนเดชากร

About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปีในการทำงานกับเบราว์เซอร์ Firefox และ Google Docs ฉันเป็นผู้เชี่ยวชาญในการสร้างแอปพลิเคชันออนไลน์ที่เรียบง่ายแต่ทรงพลัง และได้พัฒนาโซลูชันบนเว็บสำหรับทั้งธุรกิจขนาดเล็กและองค์กรขนาดใหญ่ ฐานลูกค้าของฉันประกอบด้วยชื่อที่ใหญ่ที่สุดในธุรกิจ เช่น FedEx, Coca Cola และ Macy's ทักษะของฉันในฐานะนักพัฒนาทำให้ฉันเป็นผู้สมัครในอุดมคติสำหรับโครงการใดๆ ที่จำเป็นต้องทำให้เสร็จอย่างรวดเร็วและมีประสิทธิภาพ - ตั้งแต่การพัฒนาเว็บไซต์ที่กำหนดเองไปจนถึงการสร้างแคมเปญการตลาดทางอีเมลที่มีประสิทธิภาพ

ทำให้เว็บแอปทำงานเหมือนแอปเดสก์ท็อป

ปัญหาเกี่ยวกับเว็บแอป