วิธีดู / ลบที่จัดเก็บในตัวเครื่องใน Firefox


184

ใน Google Chrome มีวิธีที่ง่ายในการดูว่ามีอะไรอยู่ในที่จัดเก็บในตัวเครื่องรวมถึงแก้ไขหรือลบหลังจากตรวจสอบแล้ว

มีวิธีทำเช่นเดียวกันใน Firefox หรือไม่?



เป็นไปได้ แต่จะไปเชื่อมโยงที่ผมติดตั้งปลั๊กอินที่และจะไม่ทำอะไรเลยสำหรับผม :(
ไรอัน

5
สำหรับผู้ที่ปิดคำถามนี้: นี่เป็นคำถามที่ดีแม้จะมีกฎ (ไม่ใช่กฎที่ดีเสมอไป) ได้รับการโหวตจากผู้ใช้หลายร้อยคน (ทั้งคำถามและคำตอบที่ยอมรับ) ไม่มีเหตุผลที่จะปิดมัน คุณควรเปิดใหม่อีกครั้ง
Luca Reghellin

คำตอบ:


268

คุณสามารถลบรายการ localStorage ทีละรายการโดยใช้Firebug (ส่วนขยายการพัฒนาเว็บที่มีประโยชน์) หรือคอนโซลนักพัฒนาซอฟต์แวร์ของ Firefox

วิธี Firebug

  1. เปิด Firebug (คลิกที่ไอคอนบั๊กเล็ก ๆ ที่ด้านล่างขวา)
  2. ไปที่แท็บ DOM
  3. เลื่อนลงไปเพื่อขยาย localStorage
  4. คลิกขวาที่รายการที่คุณต้องการลบแล้วกด Delete Property

วิธีพัฒนาคอนโซล

คุณสามารถป้อนคำสั่งเหล่านี้ลงในคอนโซล:

localStorage; // click arrow to view object's properties
localStorage.removeItem("foo"); 
localStorage.clear(); // remove all of localStorage's properties

วิธีการตรวจสอบการจัดเก็บ

Firefox มีตัวตรวจสอบพื้นที่เก็บข้อมูลในตัวซึ่งคุณอาจต้องเปิดใช้งานด้วยตนเอง ดูคำตอบของ rahilwazir ด้านล่าง


มีวิธีใดที่จะลบรายการทั้งหมดในที่จัดเก็บในตัวเครื่องโดยไม่จำเป็นต้องคลิก (สองครั้ง) ทุกบรรทัด?
Pavel S.

6
คุณสามารถพิมพ์ localStorage = []; ใช้คอนโซล java ของคุณ
Thariama

สิ่งนี้แตกเกินความหวัง ดาวน์โหลดภาพยนตร์ใน mega.co.nz และคลิก DOM ใน firebug ... ดู firefox กำลังดับลง
gcb

4
โปรดทราบว่าใน Firefox เวอร์ชันล่าสุดมีคอนโซล JavaScript ในตัว ("คอนโซลเว็บ") ดังนั้นจึงไม่จำเป็นต้องติดตั้ง Firebug เพื่อทำสิ่งนี้
Richard Turner

2
@Thariama s / java console / คอนโซล javaScript
tuxayo

50

จาก Firefox 34 เป็นต้นไปตอนนี้คุณมีตัวเลือกสำหรับStorage Inspectorซึ่งคุณสามารถเปิดใช้งานได้จากการตั้งค่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

คุณสามารถเปิดใช้งานStorageตัวเลือกภายใต้เครื่องมือนักพัฒนา Firefox เริ่มต้น

อัปเดต 27-3-16

Firefox 48.0a1รองรับการแก้ไขคุกกี้แล้ว

อัปเดต 3-4-16

Firefox 48.0a1รองรับการแก้ไข localStorage และ sessionStorage

อัปเดต 02-08-16

Firefox 48 (รีลีสที่เสถียร) และใหม่กว่ารองรับการแก้ไขประเภทหน่วยเก็บข้อมูลทั้งหมดยกเว้น IndexedDB


5
ในฐานะของ Firefox 38 น่าเสียดายที่ตัวตรวจสอบการจัดเก็บข้อมูลเป็นแบบอ่านอย่างเดียว
tagawa

4
@tagawa ตัวตรวจสอบพื้นที่เก็บข้อมูลจะอ่านโดยค่าเริ่มต้นเท่านั้น แต่ Firefox ได้กล่าวว่ามันกำลังพัฒนาเครื่องมือเพื่อให้นักพัฒนาสามารถแก้ไขเนื้อหาหน่วยเก็บข้อมูลของพวกเขาได้ในอนาคต ดูelegantthemes.com/blog/resources/…
Rahil Wazir

2
หมายเหตุสำหรับผู้ใช้ Firefox เวอร์ชั่นภาษาเยอรมัน ในเครื่องมือนักพัฒนา Firefox เริ่มต้นคุณจะพบรายการ "Speicher" สองครั้ง ตัวที่สองคือตัวจัดการหน่วยเก็บข้อมูล
Waruyama

41

ในการตรวจสอบรายการ localStorage ของคุณคุณสามารถพิมพ์console.log(localStorage);ในคอนโซลจาวาสคริปต์ของคุณ (firebug ตัวอย่างหรือในเวอร์ชัน FF ใหม่ที่จัดส่งคอนโซล js)

คุณสามารถใช้บรรทัดของรหัสนี้เพื่อกำจัดเนื้อหาเบราว์เซอร์ localStorage เพียงดำเนินการในคอนโซล JavaScript ของคุณ:

localStorage.clear();

2
โปรดทราบว่าใน Firefox เวอร์ชันล่าสุดมีคอนโซล JavaScript ในตัว ("คอนโซลเว็บ") ดังนั้นจึงไม่จำเป็นต้องติดตั้ง Firebug เพื่อทำสิ่งนี้
Richard Turner

4
Firefox ตอนนี้ยังมีการตรวจสอบ (Object) ซึ่งทำงานบน localStorage และให้มุมมองแบบต้นไม้ที่แก้ไขได้ของข้อมูลที่เก็บอยู่ในนั้น
rfinz

ใช้งานได้ แต่เฉพาะกับโดเมนในแท็บ ถ้าคุณต้องการแสดงที่จัดเก็บในตัวเครื่องโดยไม่ต้องกรอง?
นาที

11

เนื่องจาก 'localStorage' เป็นเพียงวัตถุอื่นคุณสามารถ: สร้างดูและแก้ไขใน 'คอนโซล' เพียงแค่ป้อน 'localStorage' เป็นคำสั่งและกด Enter มันจะแสดงสตริงที่มีคู่ค่าคีย์ของ localStorage (เคล็ดลับ: คลิกที่สตริงนั้นสำหรับเอาต์พุตที่จัดรูปแบบเช่นเพื่อแสดงคู่คีย์ - ค่าแต่ละบรรทัดในแต่ละบรรทัด)



6

ฉันไม่สามารถใช้localStorageโดยตรงในคอนโซล Firefox (v27) ฉันได้รับข้อผิดพลาด:

[ข้อยกเว้น ... "องค์ประกอบไม่พร้อมใช้งาน" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" ตำแหน่ง: "JS เฟรม :: รหัส EV ดีบักเกอร์ :: :: บรรทัด 1": ไม่มี]

สิ่งที่ทำงานคือ:

window.content.localStorage

1

ลองสิ่งนี้มันใช้งานได้สำหรับฉัน:

var storage = null;
setLocalStorage();

function setLocalStorage() {
    storage = (localStorage ? localStorage : (window.content.localStorage ? window.content.localStorage : null));

    try {
        storage.setItem('test_key', 'test_value');//verify if posible saving in the current storage
    }
    catch (e) {
        if (e.name == "NS_ERROR_FILE_CORRUPTED") {
            storage = sessionStorage ? sessionStorage : null;//set the new storage if fails
        }
    }
}

1
รหัสก็โอเค รหัส + "ลองใช้" โดยไม่มีคำอธิบายที่แท้จริงทำให้ไม่มีการปรับปรุง ตอนนี้ถ้าคุณเพิ่มคำอธิบายที่หายไปเพื่อให้ผู้ใช้ในอนาคตเรียนรู้บางสิ่งบางอย่างจริง ๆ แล้วคุณจะได้คำตอบที่ดี
Mogsdad

นี่คือรหัสที่มีความคิดเห็นเป็นภาษาอังกฤษ: var storage = null; setLocalStorage (); ฟังก์ชัน setLocalStorage () {storage = (localStorage? localStorage: (window.content.localStorage? window.content.localStorage: null)); ลอง {storage.setItem ('test_key', 'test_value'); // ประเมินว่าการบันทึกที่เป็นไปได้ในที่เก็บปัจจุบัน} catch (e) {ถ้า (e.name == "NS_ERROR_FILE_CORRUPTED") {storage = sessionStorage? sessionStorage: null; // ตั้งค่าที่เก็บข้อมูลใหม่หากล้มเหลว}}
Varela

เบราว์เซอร์บางตัวเช่น Firefox แสดงข้อผิดพลาด "NS_ERROR_FILE_CORRUPTED" จากนั้นตัวเลือกอื่นจะต้องดำเนินการเนื่องจากการล้างแคชไม่ใช่วิธีแก้ปัญหาทั้ง "window.content.localStorage" เป็นทรัพยากรอื่น
E. Varela

1
ที่ดี! เพียงแก้ไขคำตอบด้วยข้อมูลนั้นดังนั้นมันจึงไหลไปด้วยกันและมันจะเป็นคำตอบที่ดี
Mogsdad
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.