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