5 วิธีที่ดีที่สุดในการติดตั้งและถอนการติดตั้ง PWAs ใน Chrome

ฉันพบว่า Progressive Web Apps (PWA) เป็นตัวเลือกที่ยอดเยี่ยมในการทำงานด้วย โหลดข้อมูลได้อย่างรวดเร็ว ตอบสนองอย่างเหลือเชื่อ และยังคงใช้งานได้แม้ในขณะที่การเชื่อมต่อเครือข่ายไม่ได้ดีที่สุด — การประปาส่วนภูมิภาคบางแห่งยังทำงานแบบออฟไลน์โดยสมบูรณ์. แต่สิ่งที่ดีที่สุดคือด้วย Google Chrome ฉันสามารถ 'ติดตั้ง' พวกเขาได้บนพีซีและ Mac ของฉัน

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

Chrome มีหลายวิธีในการติดตั้งและถอนการติดตั้ง PWA บน Windows และ macOS ให้ฉันแนะนำคุณตลอดวิธีที่ดีที่สุดในการทำเช่นนั้น

เกี่ยวกับ Guiding Tech

การติดตั้ง Progressive Web Apps

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

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

1. 'ติดตั้ง' ตัวเลือกบนแถบที่อยู่

วิธีที่ง่ายที่สุดในการติดตั้งเว็บแอปแบบโปรเกรสซีฟใน Chrome คือการใช้ไอคอนติดตั้งบนแถบที่อยู่ โดยมีเงื่อนไขว่าไซต์รองรับฟังก์ชัน PWA ให้รอจนกว่าหน้าจะโหลดจนเต็ม จากนั้นคลิกไอคอนรูป '+' ที่ด้านขวาของแถบ URL

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

2. ตัวเลือก 'ติดตั้ง' บนเมนู Chrome

อีกวิธีง่ายๆ ในการติดตั้งเว็บแอปแบบโปรเกรสซีฟคือการใช้เมนู Chrome เมื่อโหลดไซต์แล้ว ให้เปิดเมนู Chrome แล้วคลิกติดตั้ง 'ชื่อไซต์'

คุณจะได้รับการต้อนรับด้วยหน้าต่างยืนยันอีกครั้ง คลิกติดตั้งเพื่อติดตั้งไซต์บนคอมพิวเตอร์ของคุณ

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

3. ติดตั้งโดยใช้สร้างตัวเลือกทางลัด

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

เริ่มต้นด้วยการเปิดเมนู Chrome ชี้ไปที่เครื่องมือเพิ่มเติมแล้วคลิกสร้างทางลัด

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

NSโอ๊ต: ถ้าคุณไม่เลือกช่องข้าง Open As Window ทางลัดที่คุณสร้างจะไม่เปิดขึ้นในหน้าต่าง Chrome โดยเฉพาะ

เกี่ยวกับ Guiding Tech

การถอนการติดตั้ง Progressive Web Apps

แม้ว่า PWA จะถูก 'ติดตั้ง' บนพีซีหรือ Mac ของคุณ แต่ก็ไม่ได้รวมเข้ากับระบบปฏิบัติการอย่างสมบูรณ์ ดังนั้นคุณจึงไม่สามารถถอนการติดตั้งได้เหมือนแอปพลิเคชัน Windows หรือ macOS ทั่วไปแม้ว่า อาจเป็นไปได้ในภายหลัง.

การลบไอคอนออกจากเดสก์ท็อปเพียงอย่างเดียวจะไม่ถูกตัดออก เนื่องจาก Chrome จะยังถือว่าคุณติดตั้งไว้ ต่อไปนี้คือสองวิธีที่เหมาะสมที่คุณสามารถปฏิบัติตามเพื่อลบ PWA ออกจากพีซีหรือ Mac ของคุณ

1. ตัวเลือก 'ถอนการติดตั้ง' บนเมนู PWA

เปิดแอป PWA ที่คุณต้องการลบ จากนั้นคลิกไอคอนสามจุดที่มุมบนขวาของหน้าจอ ในเมนูที่ปรากฏขึ้น ให้คลิกถอนการติดตั้ง 'ชื่อแอป'

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

มิเช่นนั้น ให้ยกเลิกการเลือกช่องนี้ คลิก ลบ เพื่อถอนการติดตั้ง PWA

2. ถอนการติดตั้งโดยใช้ตัวเรียกใช้แอป

เครื่องเรียกใช้งานแอปของ Google Chrome ยังมีวิธีการถอนการติดตั้ง PWA อีกด้วย หากคุณลบไอคอนเดสก์ท็อปสำหรับ PWA แล้ว นี่เป็นวิธีที่สมบูรณ์แบบในการถอนการติดตั้งแอปอย่างสมบูรณ์

พิมพ์ chrome://apps ลงในแถบที่อยู่ จากนั้นกด Enter เพื่อเปิดเครื่องเรียกใช้งานแอป

คลิกขวาที่ PWA จากรายการแอป จากนั้นคลิก Remove From Chrome

คลิกลบเพื่อยืนยัน หลังจากนั้น ให้ทำเครื่องหมายที่ช่องถัดจาก ล้างข้อมูลจาก Chrome ด้วย หากคุณต้องการลบแคชของเบราว์เซอร์ของ PWA

เคล็ดลับ: เครื่องเรียกใช้งานแอปยังมีวิธีการเพิ่มไอคอน PWA ที่ถูกลบกลับไปที่เดสก์ท็อป คลิกขวาที่แอป จากนั้นคลิก Create Shortcuts เพื่อดำเนินการดังกล่าว

เกี่ยวกับ Guiding Tech

รักเขาหรือเกลียดพวกเขา

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

ถัดไป: พบองค์ประกอบหน้าเว็บที่น่ารำคาญตลอดเวลาหรือไม่? ต่อไปนี้เป็นส่วนขยาย Chrome ที่น่าทึ่งห้ารายการที่จะบล็อก