Google นำ UI การติดตั้ง PWA ใหม่มาสู่ Chrome สำหรับ Android

Google นำ UI การติดตั้ง PWA ใหม่มาสู่ Chrome สำหรับ Android

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





เนื่องจาก Google กำลังเปิดตัว UI การติดตั้ง PWA ใหม่ที่ดูเหมือน Play Store UI



การติดตั้ง PWA ปัจจุบันใน Chrome

ปัจจุบัน หากคุณเปิดไซต์ที่รองรับใน Chrome บน Android คุณจะได้รับแบนเนอร์เล็กๆ ที่ด้านล่างเพื่อขอให้เพิ่มแอปลงในหน้าจอหลัก นี่คือวิธีที่คุณติดตั้งเว็บแอปโปรเกรสซีฟใน Chrome บน Android





UI การติดตั้งนี้ดูไม่เหมือน UI การติดตั้งแอปดั้งเดิม

PWA Install UI ใหม่ใน Chrome สำหรับ Android

ตามที่ประกาศโดยนักพัฒนา Chrome บน Twitter Google กำลังนำ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้นสำหรับเว็บแอปแบบโปรเกรสซีฟมาที่ Chrome บน Android



UI นี้ดูคล้ายกับที่คุณเห็นใน Google Play Store อย่างเป็นทางการ มีชื่อแอป คำอธิบายเล็กน้อย ภาพหน้าจอบางส่วน และแม้แต่ปุ่มติดตั้ง

หน้าตาของ PWA UI แบบใหม่

เนื่องจาก UI ใหม่นี้เพิ่งเปิดตัว จึงมีแอปไม่มากที่ใช้อินเทอร์เฟซผู้ใช้ใหม่นี้ Twitter เป็นคนแรกที่ใช้อินเทอร์เฟซการติดตั้งนี้สำหรับเว็บแอปแบบโปรเกรสซีฟ



ประวัติบ้านตามที่อยู่ฟรี

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

การแตะปุ่มนี้จะติดตั้ง PWA บนโทรศัพท์ของคุณ ซึ่งจะทำให้คุณรู้สึกเหมือนกับว่าคุณกำลังติดตั้งแอป Play Store



วิธีใช้ UI ใหม่สำหรับแอปของคุณ

หากคุณเป็นนักพัฒนา คุณต้องเพิ่มสมาชิกสองคนในรายการของคุณเพื่อใช้ UI การติดตั้งใหม่นี้ เพิ่ม คำอธิบาย และ ภาพหน้าจอ สมาชิกในไฟล์ Manifest ของคุณ และ Chrome สำหรับ Android จะใช้ UI ใหม่สำหรับการติดตั้งเว็บแอปแบบก้าวหน้า

ที่เกี่ยวข้อง: แอพ iPhone และ iPad สำหรับการออกแบบส่วนต่อประสานผู้ใช้ที่น่าทึ่ง

โปรดคำนึงถึงสิ่งต่อไปนี้ขณะเพิ่มรูปภาพลงในแอปของคุณ:

  • ความกว้างและความสูงของรูปภาพต้องมีอย่างน้อย 320px และไม่เกิน 3840px
  • ภาพหน้าจอของคุณต้องมีอัตราส่วนกว้างยาวเท่ากัน
  • ภาพหน้าจอของคุณต้องใช้รูปแบบไฟล์ JPG หรือ PNG
  • ขนาดสูงสุดต้องไม่ใหญ่กว่าขนาดต่ำสุดสองเท่า

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

Richer Install Interface สำหรับ PWAs ใน Chrome

นักพัฒนาเว็บแอปที่ก้าวหน้าสามารถทำให้แอปของตนใช้ข้อความแจ้งการติดตั้งที่สมบูรณ์ยิ่งขึ้นใน Chrome บน Android ได้แล้ว ซึ่งจะกระตุ้นให้ผู้คนจำนวนมากขึ้นติดตั้งแอปของคุณบนโทรศัพท์ของตน

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

แบ่งปัน แบ่งปัน ทวีต อีเมล วิธีเปลี่ยนเว็บไซต์ให้เป็นแอพ Android ในไม่กี่วินาที

ด้วยแอปนี้ การสร้างแอปเวอร์ชัน Lite ทำได้ง่ายและรวดเร็ว ช่วยประหยัดแบตเตอรี่และปรับปรุงประสิทธิภาพของโทรศัพท์

อ่านต่อไป หัวข้อที่เกี่ยวข้อง เกี่ยวกับผู้เขียน Mahesh Makvana(307 บทความที่ตีพิมพ์)

Mahesh เป็นนักเขียนด้านเทคนิคที่ MakeUseOf เขาเขียนคู่มือแนะนำวิธีใช้เทคโนโลยีมาประมาณ 8 ปีแล้วและครอบคลุมหัวข้อต่างๆ มากมาย เขาชอบที่จะสอนผู้คนว่าพวกเขาจะใช้อุปกรณ์ของตนให้เกิดประโยชน์สูงสุดได้อย่างไร

เพิ่มเติมจาก Mahesh Makvana

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก