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

Nativefier รีวิว

Nativefierเป็นโอเพ่นซอร์สและเขียนด้วยJavaScriptและใช้Electronเพื่อสร้างแอปพลิเคชันดั้งเดิมสำหรับWindows , MacและLinux แอปพลิเคชันที่สร้างโดยNativefierสามารถรักษาการกำหนดค่าและการตั้งค่าบางอย่างเพื่อให้คุณได้รับประสบการณ์ที่เหมือนแอปมากขึ้น ในการใช้Nativefierคุณต้อง ติดตั้ง Node.jsในเครื่องของคุณ หากคุณยังไม่มี คุณสามารถดูบทความเกี่ยวกับวิธีการติดตั้งNode.jsบนWindows ได้ที่นี่

วิธีสร้างแอพพลิเคชั่นเนทีฟ

1. เปิด หน้าต่าง CMDในไดเร็กทอรีที่ต้องการ

2. รันคำสั่งต่อไปนี้เพื่อติดตั้งNativefier

npm install -g nativefier

3. เมื่อการติดตั้งเสร็จสมบูรณ์ คุณสามารถรันคำสั่งต่อไปนี้เพื่อสร้างแอปพลิเคชันดั้งเดิมสำหรับหน้าเว็บหรือเว็บแอปใดก็ได้

nativefier --name “Application Name” “http://applicationurl.com”

สิ่งนี้ควรสร้างแอปพลิเคชันชื่อApplication Nameซึ่งมี URL http://applicationurl.com.ตอนนี้คุณสามารถเปิดโฟลเดอร์ที่สร้างโดยNativefierและค้นหาไฟล์ปฏิบัติการสำหรับแอปพลิเคชันของคุณ คุณสามารถสร้างทางลัดไปยังไฟล์ exe นี้ เพื่อให้คุณสามารถเปิดใช้งานได้โดยตรงจากเมนูเริ่ม แถบงาน หรือที่อื่นๆ ที่คุณเลือก

รองรับแฟลช^{(Flash Support)}

หากเว็บไซต์ที่คุณเลือกต้องการการสนับสนุนแฟลช คุณสามารถเพิ่มได้โดยการเพิ่มแท็ก –flash ในคำสั่งการติดตั้ง คำสั่งจะกลายเป็น:

nativefier --name --flash “Application Name” “http://applicationurl.com”

เพื่อให้แฟลชทำงาน ได้ จำเป็นต้องใช้ Google Chromeหรือคุณต้องติดตั้งปลั๊กอิน PepperFlash Chrome^{(PepperFlash Chrome Plugin)}ด้วยตนเอง

เมนูแอพพลิเคชั่น^{(Application Menu)}

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

เช่นเดียวกับเว็บเบราว์เซอร์ส่วนใหญ่ คุณสามารถซูมเข้าได้อย่างง่ายดายโดยใช้Ctrl+= และซูมออกโดยใช้Ctrl+- - มีตัวเลือกในการสลับโหมดเต็มหน้าจอ ส่วนที่ดีที่สุดเกี่ยวกับ แอปพลิเคชันที่สร้างโดย Nativefierก็คือ แอปพลิเคชันเหล่านี้มาพร้อมกับเครื่องมือสำหรับนักพัฒนาที่เหมือน Chrome อย่างเต็มรูปแบบ คุณสามารถเข้าถึงคอนโซล เครือข่าย และคุณลักษณะอื่นๆ ทั้งหมดที่มีให้ในเครื่องมือสำหรับนักพัฒนา Chrome ^{(Chrome Developer Tools)}คุณสามารถเปิด/ปิดเครื่องมือสำหรับนักพัฒนาได้โดยกดCtrl Ctrl+Shift+I

ดังที่กล่าวไว้ แอปพลิเคชันสามารถรักษาการกำหนดค่าขั้นต่ำบางอย่าง และสามารถล้างข้อมูลนี้ได้โดยไปที่เมนูแอปพลิเคชัน จากนั้นเลือกแก้ไข^{(Edit )}แล้ว เลือก ล้างข้อมูลแอป ^{(Clear App Data.)}การดำเนินการนี้ควรรีเซ็ตแอปพลิเคชันอย่างสมบูรณ์ด้วยเซสชันหรือการเข้าสู่ระบบทั้งหมดที่คุณอาจรักษาไว้

การพกพา^{(Portability)}

แอปพลิเคชันทั้งหมดที่สร้างโดยใช้Nativefierสามารถพกพาได้ คุณสามารถพกพาไปได้ทุกที่ด้วยการกำหนดค่าทั้งหมด สิ่งนี้ทำให้แน่ใจว่าคุณมีข้อมูลของคุณทุกที่และป้องกันไม่ให้คุณเข้าสู่ระบบซ้ำแล้วซ้ำอีก

Nativefierเป็นเครื่องมือที่ยอดเยี่ยมที่จะมีในคอลเล็กชันของคุณ หากคุณใช้เว็บไซต์ใด ๆ บ่อยครั้งจนรู้สึกว่าอยากมีแอปพลิเคชั่นดั้งเดิมสำหรับสิ่งนั้น คุณต้องลองใช้Nativefier แอปพลิเคชันที่สร้างขึ้นนั้นง่าย รวดเร็วและเชื่อถือได้ นอกจากนี้ การใช้เว็บแอปที่คุณโปรดปรานในหน้าต่างแบบเนทีฟโดยเฉพาะยังเป็นประสบการณ์ที่ยอดเยี่ยมอีกด้วย ฉันใช้Nativefierเพื่อสร้างแอปพลิเคชันดั้งเดิมสำหรับSocial Networks , GitHubและเว็บแอปอื่นๆ ส่วนใหญ่ คลิก^(Click) ที่นี่^(here)(here)เพื่อทราบข้อมูลเพิ่มเติมเกี่ยวกับ Nativefier

Create native Windows application of any web page using Nativefier.

Do you use some websitеs very often? Having a native app fоr them on your computer can really make them more accessible. Imagine you do not have to gо to your browser and then look for the tab that has your websіte opеned. In this роst, we’ve coνerеd a command line tool called Nativefier that lets you create native applications for any web-app or webpage. We’ve also covered the steps that you can follow to create a native application for any of your favorite web pages.

Nativefier Review

Nativefier is open source and written in JavaScript and uses Electron to make native applications for Windows, Mac, and Linux. The applications created by Nativefier can preserve some configuration and settings to give you a more app-like experience. To use Nativefier you need to have Node.js installed on your machine. If you do not have it already, you can check out our article on how to install Node.js on Windows here.

How to create native applications

1. Open a CMD window in the desired directory.

2. Execute the following command to install Nativefier.

npm install -g nativefier

3. Once the installation is complete, you can execute the following command to create a native application for any webpage or web-app.

nativefier --name “Application Name” “http://applicationurl.com”

This should create an application named Application Name whose URL is http://applicationurl.com. Now you can open the folder created by Nativefier and locate the executable for your application. You can create shortcuts to this exe file so that you can directly launch it from the start menu, taskbar or any other place of your choice.

Flash Support

If your chosen website requires flash support, you can easily add it by adding a –flash tag in the installation command. The command would become:

nativefier --name --flash “Application Name” “http://applicationurl.com”

For flash to work, Google Chrome is required, or you need to install the PepperFlash Chrome Plugin manually.

Application Menu

Since these applications are nothing but a WebView wrapped around your desired URL. You can perform some basic operations that you could have done on a normal web browser. To do so, you can access the application menu by pressing ‘Alt’ key from your keyboard. Now using these menus, you can navigate forward or backward or reload the entire application.

Like most of the web-browsers, you can easily zoom in using Ctrl+= and zoom out using Ctrl+-. There is even an option to toggle full-screen mode. The best part about Nativefier generated applications is that they come with full-fledged Chrome-like developer tools. You get access to console, network and all other features that are offered Chrome Developer Tools. You can enable/disable developer tools by hitting Ctrl+Shift+I.

As mentioned the applications can preserve some minimal configuration, and this can be cleared by going to the application menu and then select Edit and then Clear App Data. This should completely reset the application with all the sessions or logins that you might have maintained.

Portability

All the applications generated using Nativefier are portable. You can easily carry them around with all their configuration. This makes sure you have your data everywhere and prevents you from logging again and again.

Nativefier is a great tool to have in your collection. If you use any website so frequently that you feel like having a native application for that, you must give Nativefier a try. The applications generated are simple, fast and reliable. Also using your favorite web apps in a dedicated native window is a great experience in total. I’ve used Nativefier to create native applications for most of the Social Networks, GitHub and various other web apps. Click here to know more about Nativefier.

Related posts

• Best Free C++ IDE สำหรับ Windows 10

• CudaText เป็นโปรแกรมเมอร์ Code Editor ฟรีสำหรับ Windows

• SynWrite Editor: Free Text & Source Code Editor สำหรับ Windows 10

• Best Free PHP IDE สำหรับ Windows 10

• วิธีสร้าง Windows app ดั้งเดิมสำหรับเว็บไซต์หรือเว็บแอปใด ๆ

• การแจ้งเตือน Visualizer ให้คุณทดสอบการแจ้งเตือนของแอพ

• สร้างบัญชีผู้ใช้ Windows และกลุ่มใหม่ เช่น IT Pro

• 3 วิธีในการสร้างสไลด์โชว์วิดีโอใน Windows

• วิธีการ Create and Print Address Labels ใน Windows 11/10

• สร้างเสียงเรียกเข้าแบบกำหนดเองฟรีสำหรับสมาร์ทโฟนทุกเครื่องด้วย Ringtone Maker

• ทางลัด Create desktop เพื่อเปลี่ยนเป็น WiFi network เฉพาะใน Windows 10

• Coolbarz: Create AN XP style desktop toolbar ใน Windows 10

• Create desktop ทางลัดไปยัง Switch User Accounts ใน Windows 11/10

• วิธีสร้างไดรฟ์ USB สำหรับ Windows 11 ที่สามารถบู๊ตได้

• Create หลาย System Images บนไดรฟ์ภายนอกเดียวใน Windows 10

• Create Local Administrator Account บน Windows 10 ใช้ CMD

• Create Control Panel All Tasks Shortcut ใน Windows 10

• วิธีการตั้งค่าและใช้ Docker Desktop บน Windows

• วิธีการ Manually Create A System Restore Point ใน Windows 10

• ตรวจสอบรหัสของคุณสำหรับข้อผิดพลาดกับ Code Compare สำหรับ Windows 10