Computer >> คอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

ตั้งแต่สัปดาห์นี้เป็นต้นไป คุณจะสามารถติดตั้ง PWA (Progressive Web App) ลงในเดสก์ท็อปผ่าน Chrome 70 ได้ด้วยการคลิกปุ่ม กปภ. คืออะไร? แล้วทำไมถึงเป็นสิ่งที่ดี?

โปรเกรสซีฟเว็บแอป

Progressive Web App (PWA) เป็นเว็บแอปพลิเคชันที่ให้ประสบการณ์แก่ผู้ใช้เหมือนกับที่ใช้บนโทรศัพท์ ข้อมูลพื้นฐานบางประการเกี่ยวกับ กปภ. ได้แก่:

  • แอปเหล่านี้จะใช้ได้กับผู้ใช้อินเทอร์เน็ตทุกคน ไม่ว่าเบราว์เซอร์จะเลือกเบราว์เซอร์ใดเป็นเบราว์เซอร์หลัก
  • พวกมันตอบสนอง ซึ่งหมายความว่าไม่ว่าคุณจะใช้อุปกรณ์ใด PWA จะพอดีกับหน้าจออย่างถูกต้อง
  • เนื่องจากมีลักษณะคล้ายกับแอปที่มาพร้อมเครื่อง คุณจึงโต้ตอบกับพวกเขาแบบเดียวกับที่ทำในโทรศัพท์ ซึ่งหมายความว่าไม่มี URL ให้พิมพ์และการนำทางด้วยปุ่มเดียวทั่วทั้งแอป
  • Progressive Web App สามารถใช้ได้ทั้งแบบออนไลน์ ออฟไลน์ และในพื้นที่ที่มีการเชื่อมต่อจำกัด

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

เหตุใดคุณจึงควรใช้ PWA

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

แอพเหล่านี้ให้ความรู้สึกและทำตัวเหมือนแอพที่เราติดตั้งบนอุปกรณ์ของเราโดยไม่ต้องใช้พื้นที่เก็บข้อมูลจำนวนมาก อันที่จริง Starbucks PWA นั้นมีขนาด 0.4% ของขนาดแอปที่ใกล้เคียงกัน คุณพบมันในหน้าจอหลักและทำสิ่งเดียวกันกับแอปที่มาพร้อมเครื่อง เช่น การแจ้งเตือน

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

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

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

วิธีการติดตั้ง PWA

คุณสามารถติดตั้งแอปเหล่านี้ในหน้าจอหลักโดยไม่ต้องวุ่นวายกับ App Store เพื่อค้นหาและดาวน์โหลด

เลือกไซต์ที่มีตัวเลือกเว็บแอปแบบโปรเกรสซีฟ ยังมีจำนวนที่ จำกัด แต่ผู้ใช้บางรายที่ประสบความสำเร็จ ได้แก่ Twitter, Pinterest, Trivago, Uber และ Starbucks แอปบางตัวสามารถเข้าถึงได้ผ่านหน้าเว็บแบบเต็ม ในขณะที่บางแอป เช่น Twitter จำเป็นต้องเข้าถึงผ่านไซต์บนมือถือของตน

เมื่อคุณอยู่ในเว็บไซต์ที่มี PWA ให้คลิกไอคอนเมนูที่มุมบนขวา

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

เลือก “ติดตั้ง [ชื่อแอป]” เพื่อติดตั้ง

ตัวอย่างเช่น หากคุณเข้าถึงไซต์ Twitter Mobile ให้คลิก “เมนู> ติดตั้ง Twitter”

หากคุณไม่เห็นตัวเลือกในการติดตั้ง แสดงว่าไม่มี PWA สำหรับไซต์นั้น ฉันขอแนะนำให้ตรวจสอบไซต์บนมือถือก่อนที่จะเลิกทำ

คลิกติดตั้งเมื่อกล่องโต้ตอบสิทธิ์ในการติดตั้งปรากฏขึ้น

เปิดโดยเลือกจากเดสก์ท็อปหรือใน Windows 10 ในรายการแอปพลิเคชัน แอปพลิเคชันจะเปิดขึ้นพร้อมหน้าต่าง ไอคอนแถบงาน และรายการเมนูเริ่ม

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

หากคุณตัดสินใจที่จะถอนการติดตั้ง Progressive Web App เพียงคลิกที่จุดแนวตั้งสามจุดที่ด้านบนและคลิก “ถอนการติดตั้ง [ชื่อแอป]”

วิธีการติดตั้ง Progressive Web Apps (PWAs) ใน Chrome

เนื่องจากมีข้อดีหลายประการ คุณอาจต้องการตรวจสอบแอปเหล่านี้บางส่วนด้วยตนเอง เป็นการยากที่จะหารายชื่อ PWA ที่แน่ชัดที่มีอยู่ในปัจจุบัน ดังนั้นโปรดแจ้งให้เราทราบว่ารายการใดที่เหมาะกับคุณโดยแสดงความคิดเห็นด้านล่าง