ดูและแก้ไขพื้นที่เก็บข้อมูลในเครื่อง

Kayce Basques

Sofia Emelianova

คู่มือนี้จะแสดงวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดู แก้ไข และลบคู่คีย์-ค่า localStorage พื้นที่เก็บข้อมูลในเครื่องจะบันทึกข้อมูลในเซสชันของเบราว์เซอร์

ดูคีย์และค่า localStorage รายการ

1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บในเว็บไซต์ที่ต้องการตรวจสอบ

2. ไปที่แอปพลิเคชัน > พื้นที่เก็บข้อมูล และขยายพื้นที่เก็บข้อมูลในเครื่อง คลิกโดเมนเพื่อดูคู่คีย์-ค่า

   

3. หากต้องการดูตัวอย่างค่าใต้ตาราง ให้เลือกคู่ค่า

   

หากต้องการรีเฟรชคู่คีย์-ค่าด้วยตนเอง ให้คลิก รีเฟรช ในแถบการดำเนินการด้านบน

กรองคู่คีย์-ค่า

หากต้องการค้นหาคู่คีย์-ค่าที่ต้องการอย่างรวดเร็ว ให้พิมพ์ลงในช่องตัวกรองที่ด้านบนสตริงที่มีคีย์หรือค่านั้น

สร้างคู่คีย์-ค่า localStorage ใหม่

1. ดูคู่คีย์-ค่า localStorage ของโดเมน โปรดดูตัวอย่างในหน้าสาธิตนี้
2. ดับเบิลคลิกส่วนที่ว่างเปล่าของตาราง เครื่องมือสำหรับนักพัฒนาเว็บจะสร้างแถวใหม่และโฟกัสเคอร์เซอร์ในคอลัมน์คีย์
3. ป้อนคู่คีย์-ค่าใหม่

แก้ไขคีย์หรือค่า localStorage รายการ

1. ดูคู่คีย์-ค่า localStorage ของโดเมน โปรดดูตัวอย่างในหน้าสาธิตนี้
2. ดับเบิลคลิกเซลล์ในคอลัมน์คีย์หรือค่าเพื่อแก้ไขคีย์หรือค่านั้น
3. รีเฟรชหน้าเว็บเพื่อใช้

ลบคู่คีย์-ค่า localStorage รายการ

1. ดูคู่คีย์-ค่า localStorage ของโดเมน โปรดดูตัวอย่างในหน้าสาธิตนี้
2. คลิกคู่คีย์-ค่าเพื่อเลือก
3. คลิก ลบในแถบการดำเนินการด้านบนเพื่อนำคู่ที่เลือกออก
4. หรือคลิก ล้างทั้งหมดเพื่อนำคู่ทั้งหมดออก

โต้ตอบกับ localStorage จากคอนโซล

เนื่องจากคุณเรียกใช้ JavaScript ในคอนโซลและคอนโซลเข้าถึงบริบท JavaScript ของหน้าเว็บได้ จึงโต้ตอบกับ localStorage จากคอนโซลได้

1. เปิดคอนโซลในเครื่องมือสำหรับนักพัฒนาเว็บ
2. หากต้องการเข้าถึงคู่คีย์-ค่า localStorage ของโดเมนอื่นที่ไม่ใช่หน้าเว็บที่คุณดูอยู่ ให้เลือกบริบท JavaScript ที่คุณต้องการจากเมนูแบบเลื่อนลงบริบทในแถบการทำงานด้านบน
3. เรียกใช้นิพจน์ localStorage ในคอนโซล เหมือนกับที่ทำใน JavaScript