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