ภาพรวมแผงแอปพลิเคชัน

Dale St. Marthe
Dale St. Marthe

ใช้แผงแอปพลิเคชันเพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของหลายแง่มุมของเว็บแอป ซึ่งรวมถึงไฟล์ 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 และอื่นๆ

เปิดแผงแอปพลิเคชัน

วิธีเปิดแผงแอปพลิเคชัน

  1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
  2. เปิดเมนูคำสั่งโดยกดแป้นต่อไปนี้
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P เมนูคำสั่งที่มี
  3. เริ่มพิมพ์ application เลือกแสดงแอปพลิเคชัน แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแผงแอปพลิเคชันที่ด้านบนของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ

หรือจะเปิดแผงแอปพลิเคชันด้วยวิธีต่อไปนี้ก็ได้

  • ในแถบการดำเนินการที่ด้านบน ให้คลิก แผงเพิ่มเติม แล้วเลือกแอปพลิเคชันจากรายการแบบเลื่อนลง
  • ที่มุมขวาบน ให้เลือก ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > แอปพลิเคชัน