ดูและแก้ไขพื้นที่เก็บข้อมูลของเซสชัน

Kayce Basques

Sofia Emelianova

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

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

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

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

   

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

   

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

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

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

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

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

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

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

ลบคู่คีย์-ค่า sessionStorage

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

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

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

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