เบราว์เซอร์ 10 อันดับแรกที่รองรับ Progressive Web Apps (อัปเดต 2022)
เผยแพร่แล้ว: 2022-06-28คุณลักษณะที่สำคัญที่สุดอย่างหนึ่งของ Progressive Web Apps คือคุณสมบัติที่ปรับเปลี่ยนได้ ซึ่งหมายความว่าจะให้ประสบการณ์ที่ดีที่สุดเท่าที่เป็นไปได้เกี่ยวกับขนาดหน้าจอและความสามารถของเบราว์เซอร์ อย่างไรก็ตาม การทราบถึงความสามารถและความเข้ากันได้กับฟีเจอร์ของ Progressive Web App (PWA) ของเบราว์เซอร์แต่ละรายการก็ยังมีประโยชน์ ต่อไปนี้คือรายการ เบราว์เซอร์ที่สนับสนุน PWA ที่ได้รับความนิยมมากที่สุดและความเข้ากันได้ ทั้งหมดสรุปไว้ในตารางด้านล่าง เลือกเบราว์เซอร์ที่ถูกใจคุณ และตรวจสอบความเข้ากันได้กับฟังก์ชันต่างๆ โดยพิจารณาจากประเภทหน้าจอและระบบปฏิบัติการ
สารบัญ
เบราว์เซอร์ที่รองรับ PWA
ผู้ให้บริการเว็บเบราว์เซอร์ชั้นนำได้เพิ่มการปรับปรุงคุณสมบัติในเวอร์ชันใหม่กว่าเพื่อรองรับ PWAs เนื่องจากความนิยมล่าสุดของแอปพลิเคชันเหล่านี้ เบราว์เซอร์และเวอร์ชันที่แสดงด้านล่างเข้ากันได้
- เบราว์เซอร์เดสก์ท็อป (รองรับเต็มรูปแบบ): Chrome, Firefox, Opera, Edge, Safari
- เบราว์เซอร์เดสก์ท็อป (รองรับบางส่วน/เวอร์ชันที่ล้าสมัย): เบราว์เซอร์ QQ, เบราว์เซอร์ Baidu
- เบราว์เซอร์มือถือ (รองรับเต็มรูปแบบ): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
- เบราว์เซอร์มือถือ (รองรับบางส่วน/เวอร์ชันที่ล้าสมัย): เบราว์เซอร์ QQ, เบราว์เซอร์ Android, Opera Mobile
| การสนับสนุนเบราว์เซอร์ PWA | ภาพรวม |
| โครเมียม | Chrome อาจเป็นเบราว์เซอร์ที่ได้รับความนิยมมากที่สุด (ยกเว้นในอุปกรณ์ Apple) แต่ก็ไม่ได้ดีที่สุดในทุก ๆ ด้านหรือมีคุณสมบัติส่วนใหญ่ มีคุณลักษณะต่างๆ ที่ไม่มีใน Chrome แต่เบราว์เซอร์อื่นๆ เช่น Firefox, Opera หรือ Safari มีคุณลักษณะเหล่านี้แทน ไม่ได้หมายความว่า Chrome ไม่ใช่โปรแกรมที่ดี แต่คุณควรรู้ว่ามีตัวเลือกที่ดีกว่า สำหรับอุปกรณ์มือถือ: ใน Chrome ปุ่มจะปรากฏในแถบที่อยู่เว็บสำหรับไซต์ที่รองรับ PWA เหมือนกับใน Edge สำหรับอุปกรณ์เดสก์ท็อป: ใน Chrome คุณจะเห็นตัวเลือกติดตั้งแอปในเมนูหลักของ Chrome สำหรับไซต์ที่สนับสนุนความสามารถ PWA อย่างสมบูรณ์ ไอคอนแอปจะปรากฏบนหน้าจอหลักของคุณหลังจากที่คุณเลือกตัวเลือกนั้น (โปรดทราบว่าสำหรับพื้นที่ที่ไม่มีคุณลักษณะ PWA คุณสามารถเลือกเพิ่มไปยังหน้าจอหลักได้) ตัวเลือกการกดแบบยาวยังคงรวมถึงการถอนการติดตั้ง แต่ด้านล่างคือการตั้งค่าไซต์ ซึ่งไม่มีให้สำหรับแอปที่ติดตั้งในร้านค้า |
| Firefox | Firefox ซึ่งเป็นโปรเจ็กต์โอเพนซอร์ซ ได้บุกเบิกความสามารถด้านเว็บหลายอย่าง และบริษัทที่อยู่เบื้องหลังคือผู้สนับสนุนความเป็นส่วนตัวออนไลน์ นอกจากนี้ยังมีชื่อเสียงในด้านส่วนขยายจำนวนมาก แม้ว่า Firefox จะสนับสนุน PWA API หลายตัว แต่ก็ไม่สามารถติดตั้งเป็นแอประบบแบบสแตนด์อโลนที่มีประสบการณ์เหมือนแอปได้ Firefox เวอร์ชัน Android รองรับ PWA ในขณะที่เวอร์ชันเดสก์ท็อปไม่รองรับ ในทางกลับกัน Mozilla พยายามให้การสนับสนุนผ่านเบราว์เซอร์เฉพาะไซต์ ในอุปกรณ์ Android: ใน Firefox มีตัวเลือกการติดตั้งอย่างง่ายสำหรับไซต์ PWA กล่องโต้ตอบเพิ่มไปที่หน้าจอจะปรากฏขึ้นเมื่อคุณแตะตัวเลือกนี้ สัญลักษณ์ Firefox สีส้มเล็กๆ ปรากฏขึ้นที่ด้านล่างขวาของโลโก้แอปหลักบนไอคอนหน้าจอหลักสำหรับ PWA ที่สร้างโดย Firefox เพื่อประสบการณ์การใช้งานแอปจริงมากขึ้น คุณจะไม่เห็นตัวเลือกการตั้งค่าเว็บไซต์ ซึ่งแตกต่างจากที่สร้างใน Chrome |
| ซาฟารี | สำหรับอุปกรณ์เดสก์ท็อป: การติดตั้ง PWA บน macOS จะเหมือนกับใน Windows ยกเว้น Safari เริ่มต้นจะไม่มีวิธีทำให้ไซต์เป็น PWA ใน Launchpad โปรแกรมใหม่ของคุณจะมองเห็นได้ แต่ไม่ปรากฏในโฟลเดอร์ Applications Finder สำหรับอุปกรณ์มือถือ: ใน iOS และ iPadOS Apple อนุญาตให้ Safari สร้าง PWA เท่านั้น ไม่รวมเบราว์เซอร์ของบุคคลที่สาม ไม่เหมือนกับเบราว์เซอร์อื่น ๆ ที่เปิดใช้งาน PWAs Safari ไม่ได้ใช้เงื่อนไขการติดตั้งและแอพ หากต้องการเพิ่มลงในหน้าจอหลักของ iOS หรือ iPad ให้ไปที่ไซต์ที่รองรับ PWA แตะลูกศรขึ้นแชร์ที่ด้านล่างของหน้าแล้วเลือกเพิ่มไปที่หน้าจอหลัก คุณสามารถทำเช่นนี้กับเว็บไซต์ใดก็ได้ แต่คุณจะไม่ได้รับความสามารถแบบออฟไลน์ที่ PWA ของแท้มีให้ |
| ขอบ | การติดตั้ง PWA บนระบบปฏิบัติการเดสก์ท็อปของ Microsoft สามารถเข้าถึงได้มากที่สุดด้วย Edge ซึ่งเป็นเว็บเบราว์เซอร์เริ่มต้นของ Windows นั่นเป็นเพราะมันเพิ่มแอพในเมนู Start ของคุณในลักษณะเดียวกับแอพอื่น ๆ ที่คุณได้ติดตั้งวิธีการดั้งเดิม (ไม่ว่าจะด้วยโปรแกรมติดตั้งโปรแกรมที่ดาวน์โหลดหรือจากแอพ Microsoft Store) |
| โอเปร่า | Opera เปิดตัวในปี 1995 ทำให้เป็นหนึ่งในเว็บเบราว์เซอร์ที่เก่าแก่ที่สุด ฐานผู้ใช้เฉพาะของ Opera เติบโตขึ้นเนื่องจากความสามารถในการผสานรวมความสามารถต่างๆ ที่อาจจำกัดเฉพาะส่วนขยายและแอปอิสระ Opera 32 สำหรับ Android พร้อมให้ใช้งานแล้วกับ PWA – เพิ่มความเข้ากันได้ของหน้าจอหลัก คุณจะค้นพบคุณลักษณะหลายอย่างที่ออกแบบมาเพื่อเชื่อมช่องว่างระหว่างแอปที่มาพร้อมเครื่องและ "เว็บบนอุปกรณ์เคลื่อนที่" โดยเฉพาะ ควบคู่ไปกับการแก้ไขข้อบกพร่องจำนวนมาก การปรับปรุงความเสถียร และเอ็นจิ้น Chromium ที่อัปเดตเพื่อความเข้ากันได้และความปลอดภัยที่เหมาะสมที่สุด (หรืออย่างน้อย เว็บดูบนอุปกรณ์มือถือ) |
| เบราว์เซอร์ QQ | Tencent Explorer เป็นชื่อของเบราว์เซอร์ QQ เมื่อเปิดตัวครั้งแรกในปี 2000 ความจริงที่ว่ามันใช้สองเอ็นจิ้น WebKit และ Trident ทำให้เบราว์เซอร์นี้แตกต่าง เมื่อก่อนเคยรองรับการประปาส่วนภูมิภาค แต่สำหรับเวอร์ชั่นใหม่ไม่รองรับ |
| Baidu Browser | Baidu Browser เป็นเว็บเบราว์เซอร์ฟรีสำหรับ Windows และ Android ที่สามารถส่งข้อมูลผู้ใช้ส่วนบุคคลไปยังเซิร์ฟเวอร์ Baidu โดยไม่ต้องเข้ารหัสหรือถอดรหัสลับได้ง่าย นอกจากนี้ยังเป็นเบราว์เซอร์ที่เบาที่สุดในทรัพยากรสำหรับอุปกรณ์ Android ระดับล่าง และเสี่ยงต่อการใช้รหัสโดยอำเภอใจระหว่างการอัปเดตซอฟต์แวร์ผ่านการโจมตีแบบคนกลาง |
| UC Browser | UC Browser เป็นเว็บเบราว์เซอร์ข้ามแพลตฟอร์มที่ออกแบบมาสำหรับอุปกรณ์มือถือเป็นหลัก ขึ้นชื่อว่ามีขนาดแอปและเทคโนโลยีการบีบอัดข้อมูลน้อยที่สุด ซึ่งทำให้เป็นที่นิยมในตลาดเกิดใหม่ซึ่งผู้ใช้มีโทรศัพท์ที่มีหน่วยความจำอุปกรณ์น้อยกว่าและความเร็วอินเทอร์เน็ตที่ช้าลง การเร่งความเร็วบนคลาวด์ การดาวน์โหลดรูปแบบไฟล์หลายไฟล์ เว็บแอป HTML5 และคุณลักษณะการซิงโครไนซ์บนคลาวด์ และ "การดาวน์โหลดอย่างรวดเร็ว" ซึ่งเป็นคุณลักษณะที่ดาวน์โหลดไฟล์ในหลายส่วนพร้อมกัน เป็นหนึ่งในคุณสมบัติอื่นๆ ของเบราว์เซอร์ |
| ซัมซุง อินเตอร์เน็ต | นี่เป็นเบราว์เซอร์เริ่มต้นและติดตั้งไว้ล่วงหน้าในมือถือ Samsung ทุกเครื่อง อิงตามโปรเจ็กต์ Chromium ซึ่งใช้งาน Chrome และ Microsoft Edge สมาร์ทโฟน Samsung นำเสนอทางเลือกอื่นนอกเหนือจากประสบการณ์ Android มาตรฐาน หากคุณเยี่ยมชมไซต์ กปปส. เบราว์เซอร์ของคุณจะแสดงตราสัญลักษณ์ หากคุณใช้ Google ชีตหรือเว็บแอปอื่นๆ บ่อยๆ เบราว์เซอร์จะมอบประสบการณ์เว็บแอปที่โดดเด่นที่สุดให้กับคุณ |
| มิ้นท์เบราว์เซอร์ | เว็บเบราว์เซอร์ที่สำคัญที่สุดตัวหนึ่งสำหรับโทรศัพท์ Android คือ Mint Browser คุณจะได้รับความเร็ว ความเป็นส่วนตัว และความปลอดภัยสูงในกล่องเดียวขนาดกะทัดรัด เมื่อคุณให้ความสำคัญกับประสบการณ์ของผู้ใช้มากกว่าเทคโนโลยีระดับไฮเอนด์ แอปขนาด 10 MB จะเป็นเครื่องช่วยชีวิต Mint Browser มีกลไกการรักษาความปลอดภัยหลายอย่างเพื่อให้แน่ใจว่าการท่องเว็บอย่างปลอดภัยและมอบบริการและสินค้าความปลอดภัยระดับโลกแก่ผู้ใช้ทุกคน เพื่อเสริมความแข็งแกร่งให้กับการควบคุมที่ผู้ใช้แชร์ข้อมูลกับ Xiaomi ได้ การอัปเกรดปัจจุบันเสนอตัวเลือกสำหรับผู้ใช้ทุกคนในการเปิด/ปิดการรวบรวมข้อมูลโดยรวมในโหมดไม่ระบุตัวตน |
| ด้วยฐานผู้ใช้รายเดือนกว่า 1 พันล้านคน WeChat เป็นโปรแกรมส่งข้อความที่ได้รับความนิยมมากที่สุดของจีน แม้ว่ามันจะเริ่มเป็นบริการแชท แต่ก็มีการพัฒนาเป็นแอพที่ให้คุณชำระเงิน เรียกแท็กซี่ หรือแม้แต่จองเที่ยวบิน อย่างไรก็ตาม คุณไม่น่าจะใช้มันหากคุณไม่ได้อาศัยอยู่ในประเทศจีน |
เบราว์เซอร์ที่ไม่รองรับ PWA
นอกจากนี้ยังมีเบราว์เซอร์เฉพาะที่ไม่สนับสนุนองค์ประกอบที่กำหนดเองที่จำเป็นสำหรับ Angular 6 หรือ PWA
- Microsoft Edge กำลังบังคับให้ PWA พร้อมใช้งานใน App Store เพื่อให้รองรับเบราว์เซอร์นี้
- บนเดสก์ท็อป Safari และ Firefox ไม่รองรับการติดตั้ง PWA รองรับความสามารถออฟไลน์ แต่ประสบการณ์จะเริ่มต้นภายในอินเทอร์เฟซผู้ใช้เบราว์เซอร์เสมอ อาจแสดงเต็มหน้าจอ แต่จะไม่มีหน้าต่างแบบสแตนด์อโลนบนเดสก์ท็อป
คุณสมบัติหลักของ PWA เพื่อรองรับประสบการณ์ของผู้ใช้
- การซิงโครไนซ์พื้นหลัง
ฟังก์ชันนี้จะรีเฟรชข้อมูลจากเว็บไซต์อย่างสม่ำเสมอ ผู้ใช้จะสามารถเข้าถึงข้อมูลล่าสุดได้เสมอ
- การแจ้งเตือนทางเว็บ
ความสามารถของพนักงานบริการในการทำงานเบื้องหลังช่วยให้มีความสามารถนี้ ผู้ใช้สามารถเข้าถึงเว็บไซต์ได้โดยแตะที่การเตือนความจำบนหน้าจอหลัก
- โหมดออฟไลน์
เมื่อติดตั้งในเบราว์เซอร์แล้ว การเข้าถึงแบบออฟไลน์จะจัดการการแคชไฟล์แอป สกัดกั้นคำขอของเครือข่าย จากนั้นจึงดำเนินการตามความเหมาะสมโดยขึ้นอยู่กับว่าเครือข่ายพร้อมใช้งานหรือไม่
คุณลักษณะนี้ช่วยให้สามารถเข้าถึงแอปได้โดยไม่ต้องเชื่อมต่อและมอบประสบการณ์การใช้งานที่ดียิ่งขึ้น แม้ว่าจะมีการเชื่อมต่ออินเทอร์เน็ต ไฟล์บางไฟล์ก็ไม่จำเป็นต้องโหลดจากเว็บเซิร์ฟเวอร์เพราะไฟล์เหล่านั้นจะถูกบันทึกไว้ในเครื่องแล้ว
- เพิ่มไปที่หน้าจอหลัก
ฟีเจอร์ PWA นี้ทำให้สามารถติดตั้งเว็บไซต์บนอุปกรณ์มือถือได้ มันสร้างทางลัดบนหน้าจอเพื่อให้ผู้ใช้สามารถเข้าถึงไซต์ได้อย่างรวดเร็วโดยเพียงแค่แตะที่ป้ายไอคอนแทนการพิมพ์ลิงก์อีกครั้ง คุณลักษณะนี้สามารถเข้าถึงได้ในทุกเบราว์เซอร์
- หน้าจอหลัก/หน้าจอสแปลช
อีกส่วนที่ไม่เหมือนใครของ PWA ก็คือ แม้จะทำงานในเบราว์เซอร์ แต่อาจถูกวางไว้ที่หน้าจอหลักของผู้ใช้โดยตรง และมอบประสบการณ์เต็มหน้าจอที่สมจริง
ยกเว้น iOS เบราว์เซอร์ทั้งหมดเปิดใช้งานความสามารถนี้ ซึ่งช่วยลดความวิตกกังวลขณะรอการโหลดเว็บไซต์
- ตำแหน่งทางภูมิศาสตร์
สามารถใช้ Geolocation API เพื่อเข้าถึงข้อมูลเกี่ยวกับตำแหน่งทางภูมิศาสตร์ของผู้ใช้แอป ซึ่งช่วยให้สามารถค้นหาตำแหน่งของเขาได้ (ด้วยความยินยอมของผู้ใช้) นอกจากนี้ยังช่วยให้คุณสามารถติดตามผู้ใช้และรับการแจ้งเตือนเมื่อตำแหน่งของพวกเขาเปลี่ยนแปลง
- การจับภาพวิดีโอและภาพ
ปัจจุบัน “Media Capture API” ช่วยให้เว็บแอปเข้าถึงอินพุตเสียงและวิดีโอจากอุปกรณ์ (กล้องและไมโครโฟน) ได้โดยตรง เว็บแอปช่วยให้คุณอ่านและจัดการฟีดเหล่านี้ได้ ด้วยเหตุนี้ คุณจึงสามารถจับภาพหรือบันทึกวิดีโอได้โดยไม่ต้องออกจากเบราว์เซอร์
บทสรุป
ระบบเบราว์เซอร์เกือบทุกระบบในโลกรองรับ PWA ในทางใดทางหนึ่ง แม้ว่า PWA บน iOS จะไม่รองรับอย่างสมบูรณ์ แต่เบราว์เซอร์ก็เริ่มทำลายสิ่งกีดขวางและทำให้ความสามารถบางอย่างของ PWA ทำงานบนอุปกรณ์ Apple
ซึ่งอาจบอกเป็นนัยว่าเบราว์เซอร์ทั่วโลกกำลังพิจารณา PWAs ว่ามีศักยภาพเช่นเดียวกับแอปพลิเคชันที่มาพร้อมเครื่อง และเริ่มให้การสนับสนุนที่เหลือเชื่อยิ่งขึ้นเพื่อปรับปรุงประสบการณ์ของผู้ใช้
หากคุณกำลังจะตั้งค่าไซต์ PWA สำหรับบริษัทของคุณและกำลังมองหาหน่วยงานพัฒนาเว็บ PWA ที่ถูกต้อง Tigren คือตัวเลือกที่ดีที่สุดของคุณ
เราได้สร้างโครงการ กปภ. ที่ประสบความสำเร็จซึ่งตอบสนองความต้องการของธุรกิจมากมาย ทีมงานของเรามุ่งมั่นที่จะมอบผลลัพธ์ที่ดีที่สุดให้กับลูกค้า สำหรับข้อมูลเพิ่มเติม ส่งข้อความหาเราได้ที่ [email protected]