ดูข้อมูลแคช

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

คำแนะนำนี้จะแสดงวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบข้อมูลแคช

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

ดูข้อมูลแคช

  1. เปิด DevTools > Application > Storage

  2. หากต้องการดูแคชที่ใช้ได้ ให้ขยาย ขยาย พื้นที่เก็บข้อมูลแคช

    แคชที่ใช้ได้

  3. คลิกแคชเพื่อดูเนื้อหา

    การดูเนื้อหาของแคช

  4. คลิกทรัพยากรเพื่อดูส่วนหัว HTTP ในส่วนที่อยู่ใต้ตาราง

    การดูส่วนหัว HTTP ของทรัพยากร

  5. เปิดแท็บแสดงตัวอย่างเพื่อดูเนื้อหาของทรัพยากร

    การดูเนื้อหาของทรัพยากร

รีเฟรชทรัพยากร

  1. ดูข้อมูลของแคช

  2. เลือกทรัพยากรที่ต้องการรีเฟรช DevTools จะไฮไลต์รายการเป็นสีน้ำเงินเพื่อระบุว่ามีการเลือกรายการนั้น

    การเลือกทรัพยากร

  3. คลิกรีเฟรช

กรองทรัพยากร

  1. ดูข้อมูลของแคช
  2. ใช้กล่องข้อความกรองตามเส้นทางเพื่อกรองทรัพยากรที่ไม่ตรงกับเส้นทางที่คุณระบุ

การกรองทรัพยากรที่ไม่ตรงกับเส้นทางที่ระบุออก

ตัวอย่างนี้จะกรองทรัพยากรที่ไม่มี script ในเส้นทาง

ลบทรัพยากร

  1. ดูข้อมูลของแคช

  2. คลิกทรัพยากรที่ต้องการลบ DevTools จะไฮไลต์รายการเป็นสีน้ำเงินเพื่อระบุว่ามีการเลือกรายการนั้น

    การเลือกทรัพยากรที่จะลบ

  3. คลิกลบรายการที่เลือก ลบรายการที่เลือก

ลบข้อมูลแคชทั้งหมด

  1. เปิดแอปพลิเคชัน > พื้นที่เก็บข้อมูล

  2. ในส่วนแคช ให้ตรวจสอบว่าได้เปิดใช้ ช่องทำเครื่องหมาย พื้นที่เก็บข้อมูลแคช

  3. คลิกล้างข้อมูลเว็บไซต์

    ช่องทําเครื่องหมายพื้นที่เก็บข้อมูลแคชและปุ่มล้างข้อมูลเว็บไซต์