ใช้แผงแอปพลิเคชันเพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเว็บแอปในทุกด้าน รวมถึงไฟล์ Manifest, Service Worker, พื้นที่เก็บข้อมูล และข้อมูลแคช
ภาพรวม
แผงแอปพลิเคชันจะแบ่งออกเป็น 4 ส่วนที่มีเมนูย่อย ส่วนและเมนูย่อยมีดังนี้
แอปพลิเคชัน: มีข้อมูลการจัดการถาวรเกี่ยวกับแอป รวมถึงไฟล์ Manifest, Service Worker และพื้นที่เก็บข้อมูล
- แท็บไฟล์ Manifest จะแสดงข้อมูลจาก
manifest.json
ในรูปแบบที่ใช้งานง่าย นอกจากนี้ยังแสดงข้อผิดพลาดและคําเตือน (หากมี) ในส่วนที่เกี่ยวข้องด้วย - แท็บService Worker ช่วยให้คุณตรวจสอบและแก้ไขข้อบกพร่องของ Service Worker ได้โดยการจำลองเหตุการณ์พุช อัปเดตบริการ และอื่นๆ
- แท็บพื้นที่เก็บข้อมูลจะมีแผนภูมิวงกลมที่แสดงการกระจายของหน่วยความจำที่ใช้โดยพื้นที่เก็บข้อมูลแคช, IndexedDB และ Service Worker อีกทั้งยังล้างข้อมูลเว็บไซต์และจำลองโควต้าพื้นที่เก็บข้อมูลที่กำหนดเองได้ด้วย
พื้นที่เก็บข้อมูล: ดูและแก้ไขวิธีการจัดเก็บข้อมูลต่างๆ ที่เว็บแอปใช้
- รายการพื้นที่เก็บข้อมูลภายในเครื่องและพื้นที่เก็บข้อมูลเซสชันช่วยให้คุณเลือกต้นทางและแก้ไขคู่คีย์-ค่าของวิธีการเก็บข้อมูลที่เชื่อมโยงได้
- รายการ IndexedDB มีฐานข้อมูลและช่วยให้คุณตรวจสอบที่เก็บออบเจ็กต์จากเบราว์เซอร์ได้
- รายการคุกกี้ให้คุณเลือกต้นทางและแก้ไขคู่คีย์-ค่าได้
- โทเค็นสถานะส่วนตัวและกลุ่มความสนใจช่วยให้คุณตรวจสอบโทเค็นและกลุ่มที่เกี่ยวข้องได้ หากมี
- รายการพื้นที่เก็บข้อมูลที่ใช้ร่วมกันช่วยให้คุณเลือกต้นทาง ตรวจสอบ และแก้ไขคู่คีย์-ค่าที่เกี่ยวข้องได้
- รายการพื้นที่เก็บข้อมูลแคชประกอบด้วยแคชที่พร้อมใช้งาน และให้คุณตรวจสอบ กรอง และลบทรัพยากรของแคชได้
บริการที่ทำงานอยู่เบื้องหลัง: ตรวจสอบ ทดสอบ และแก้ไขข้อบกพร่องของบริการที่ทำงานอยู่เบื้องหลัง
- แท็บ Back/Forward Cache ช่วยให้คุณทดสอบฟีเจอร์ Back-Forward Cache ในเบราว์เซอร์ได้ นอกจากนี้ยังรายงานปัญหาที่อาจขัดขวางการแคชย้อนหลัง
- แท็บการดึงข้อมูลในเบื้องหลังช่วยให้คุณบันทึกกิจกรรมจาก API การดึงข้อมูลในเบื้องหลังได้นานถึง 3 วัน
- แท็บการซิงค์ในเบื้องหลังให้คุณบันทึกกิจกรรมจาก Background Sync API ได้นานถึง 3 วัน
- แท็บการลดการติดตามการเข้าออกช่วยให้คุณระบุและลบสถานะของเว็บไซต์ที่ดูเหมือนว่าจะดำเนินการติดตามข้ามเว็บไซต์ได้โดยใช้เทคนิคการติดตามการตีกลับ
- แท็บการแจ้งเตือนให้คุณบันทึกข้อความพุชได้นานถึง 3 วัน
- แท็บเครื่องจัดการการชำระเงินช่วยให้คุณสามารถบันทึกเหตุการณ์ของเครื่องจัดการการชำระเงินได้นานถึง 3 วัน
- แท็บการซิงค์ในเบื้องหลังตามระยะเวลาช่วยให้คุณบันทึกเหตุการณ์สำคัญได้นานถึง 3 วันในวงจรการซิงค์ในเบื้องหลังตามระยะเวลา เช่น การลงทะเบียนการซิงค์ การซิงค์ในเบื้องหลัง และยกเลิกการลงทะเบียน
- แท็บการโหลดแบบคาดเดาช่วยให้คุณแก้ไขข้อบกพร่องของการโหลดแบบคาดเดาได้ โดยจะแสดงสถานะการคาดเดา ชุดกฎ และความพยายามในการโหลดแบบคาดเดา
- แท็บข้อความ Push ช่วยให้คุณบันทึกข้อความ Push ได้นานถึง 3 วันและบันทึกไว้
- แท็บ Reporting API จะตรวจสอบเว็บไซต์และรายงานการเรียก API ที่เลิกใช้งานแล้วและการละเมิดด้านความปลอดภัย
เฟรม: แบ่งหน้าและทรัพยากรออกเป็นหลายมุมมอง และแสดงข้อมูลที่เกี่ยวข้อง เช่น ความปลอดภัยและการแยก นโยบายรักษาความปลอดภัยเนื้อหา ความพร้อมใช้งานของ API และอื่นๆ
เปิดแผงแอปพลิเคชัน
วิธีเปิดแผงแอปพลิเคชัน
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
- เปิดเมนูคำสั่งโดยกดรายการต่อไปนี้
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- เริ่มพิมพ์
application
เลือกแสดงแอปพลิเคชัน แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแผงแอปพลิเคชันที่ด้านบนของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ
หรือเปิดแผงแอปพลิเคชันด้วยวิธีต่อไปนี้
- ในแถบการดำเนินการด้านบน ให้คลิก double_arrow แผงเพิ่มเติม แล้วเลือกแอปพลิเคชันจากรายการแบบเลื่อนลง
- ที่มุมขวาบน ให้เลือก more_vert ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > แอปพลิเคชัน