ดูและแก้ไขพื้นที่เก็บข้อมูลของส่วนขยาย

Oliver Dunk

คู่มือนี้จะแสดงวิธีใช้ เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนแปลงข้อมูลที่ส่วนขยายจัดเก็บโดยใช้ chrome.storage API

ดูพื้นที่เก็บข้อมูลของส่วนขยาย

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

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

3. เลือกพื้นที่เก็บข้อมูลที่ต้องการตรวจสอบ

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

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

   

4. หากต้องการดูตัวอย่างค่าในส่วนแสดงตัวอย่าง ให้เลือกแถวในตาราง

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

ความพร้อมใช้งาน

เข้าถึงพื้นที่เก็บข้อมูลส่วนขยายได้เมื่อตรวจสอบบริบทต่อไปนี้

• เอกสารที่ส่วนขยายแทรกสคริปต์เนื้อหา
• เอกสาร (รวมถึง iframe) ที่มีรูปแบบ chrome-extension://
• Service Worker ของส่วนขยาย
• ใน MV2 ให้ตรวจสอบหน้าพื้นหลัง

ในทุกกรณี ส่วนขยายจะแสดงในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ก็ต่อเมื่อส่วนขยายมีสิทธิ์ storage

ระดับการเข้าถึง

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

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

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

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

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

หากเป็นไปได้ DevTools จะแยกวิเคราะห์ค่าที่คุณป้อนเป็น JSON และจัดเก็บออบเจ็กต์ที่เกี่ยวข้อง ระบบจะจัดเก็บค่าที่ไม่ใช่ JSON ที่ถูกต้องเป็นสตริง

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

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

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

1. คลิกคู่คีย์-ค่าเพื่อเลือก
2. คลิก Delete ในแถบการดำเนินการที่ด้านบนเพื่อนำคู่ที่เลือกออก

หรือคลิก ล้างทั้งหมด เพื่อนำคู่ทั้งหมดออก