ดูข้อมูลแคช
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
คู่มือนี้จะแสดงวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบข้อมูลแคช
หากคุณต้องการตรวจสอบข้อมูลแคช HTTP คำแนะนำนั้นไม่ใช่แนวทางที่คุณต้องการ คอลัมน์ขนาดของบันทึกเครือข่ายมีข้อมูลที่คุณกำลังมองหา ดูหัวข้อบันทึกกิจกรรมในเครือข่าย
ดูข้อมูลแคช
เปิดเครื่องมือสำหรับนักพัฒนาเว็บ > แอปพลิเคชัน > พื้นที่เก็บข้อมูล
หากต้องการดูแคชที่ใช้ได้ ให้ขยายพื้นที่เก็บข้อมูลแคช
![แคชที่ใช้ได้](https://developer.chrome.com/static/docs/devtools/storage/cache/image/available-caches-edb1a6c17b196.png?authuser=6&hl=th)
คลิกแคชเพื่อดูเนื้อหา
![การดูเนื้อหาของแคช](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-caches-contents-d8f5daa92cf44.png?authuser=6&hl=th)
คลิกทรัพยากรเพื่อดูส่วนหัว HTTP ของทรัพยากรในส่วนใต้ตาราง
![การดูส่วนหัว HTTP ของทรัพยากร](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-resources-http-7ab3484155b01.png?authuser=6&hl=th)
เปิดแท็บแสดงตัวอย่างเพื่อดูเนื้อหาของทรัพยากร
![การดูเนื้อหาของทรัพยากร](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-resources-conte-a63b79c240c.png?authuser=6&hl=th)
รีเฟรชทรัพยากร
- ดูข้อมูลของแคช
เลือกทรัพยากรที่ต้องการรีเฟรช เครื่องมือสำหรับนักพัฒนาเว็บจะไฮไลต์สีน้ำเงินเพื่อบ่งบอกว่าได้เลือกไว้
![กำลังเลือกทรัพยากร](https://developer.chrome.com/static/docs/devtools/storage/cache/image/selecting-resource-2bbf13760e0af.png?authuser=6&hl=th)
คลิกรีเฟรชรีเฟรช
กรองทรัพยากร
- ดูข้อมูลของแคช
- ใช้กล่องข้อความกรองตามเส้นทางเพื่อกรองทรัพยากรที่ไม่ตรงกับเส้นทางที่คุณระบุออก
![การกรองทรัพยากรที่ไม่ตรงกับเส้นทางที่ระบุออก](https://developer.chrome.com/static/docs/devtools/storage/cache/image/filtering-resources-do-60c3d293f759a.png?authuser=6&hl=th)
ตัวอย่างนี้จะกรองทรัพยากรที่ไม่มี script
ในเส้นทางออก
ลบทรัพยากร
- ดูข้อมูลของแคช
คลิกทรัพยากรที่ต้องการลบ เครื่องมือสำหรับนักพัฒนาเว็บจะไฮไลต์สีน้ำเงินเพื่อบ่งบอกว่าได้เลือกไว้
![กำลังเลือกทรัพยากรที่จะลบ](https://developer.chrome.com/static/docs/devtools/storage/cache/image/selecting-resource-dele-fac7562b900ba.png?authuser=6&hl=th)
คลิกลบรายการที่เลือก ![ลบรายการที่เลือก](https://developer.chrome.com/static/docs/devtools/storage/cache/image/delete-selected-1ecfa4dd2c31e.svg?authuser=6&hl=th)
ลบข้อมูลแคชทั้งหมด
- เปิดแอปพลิเคชัน > พื้นที่เก็บข้อมูล
ในส่วน Cache ให้ตรวจสอบว่าได้เปิดใช้งาน
Cache Storage แล้ว
คลิกล้างข้อมูลเว็บไซต์
![ช่องทำเครื่องหมาย "พื้นที่เก็บข้อมูลแคช" และปุ่ม "ล้างข้อมูลเว็บไซต์"](https://developer.chrome.com/static/docs/devtools/storage/cache/image/the-cache-storage-checkbo-fc0e3720fd4a9.png?authuser=6&hl=th)
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2019-03-25 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{
"last_modified": "อัปเดตล่าสุด 2019-03-25 UTC",
"state": ""
}