इस गाइड में, वेब SQL डेटा की जांच करने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका बताया गया है.
वेब SQL डेटा देखें
ऐप्लिकेशन पैनल खोलने के लिए, सोर्स टैब पर क्लिक करें. डेटाबेस और टेबल देखने के लिए, Web SQL सेक्शन को बड़ा करें. नीचे इमेज 1 में html5meetup एक डेटाबेस है और रूम एक टेबल है.
पहला डायग्राम. Web SQL पैनल.
किसी टेबल का डेटा देखने के लिए उस टेबल पर क्लिक करें.
दूसरा डायग्राम. चैट रूम की वेब एसक्यूएल टेबल का डेटा देखना.
वेब एसक्यूएल के डेटा में बदलाव करें
वेब SQL टेबल देखते समय आप वेब SQL डेटा में बदलाव नहीं कर सकते, जैसा कि ऊपर इमेज 2 में दिखाया गया है. हालांकि, Web SQL कंसोल से ऐसे स्टेटमेंट चलाए जा सकते हैं जो टेबल में बदलाव करते हैं या उन्हें मिटा देते हैं. Web SQL क्वेरी चलाना देखें.
Web SQL क्वेरी चलाएं
- किसी डेटाबेस के लिए कंसोल खोलने के लिए, उस डेटाबेस पर क्लिक करें.
वेब एसक्यूएल स्टेटमेंट लिखें. इसके बाद, इसे चलाने के लिए Enter दबाएं.
तीसरी इमेज. रूम टेबल से कोई पंक्ति मिटाने के लिए, Web SQL कंसोल का इस्तेमाल करना.
Web SQL की टेबल रीफ़्रेश करना
DevTools रीयल-टाइम में टेबल अपडेट नहीं करता. टेबल में डेटा अपडेट करने के लिए:
- वेब SQL टेबल का डेटा देखना.
- रीफ़्रेश करें पर क्लिक करें.
वेब एसक्यूएल टेबल में कॉलम फ़िल्टर करना
- वेब SQL टेबल का डेटा देखना.
यह बताने के लिए कि आप कौनसे कॉलम दिखाना चाहते हैं, दिखने वाले कॉलम टेक्स्ट बॉक्स का इस्तेमाल करें. कॉलम के नामों को CSV सूची के तौर पर दें.
चौथा डायग्राम. सिर्फ़
room_name
औरlast_updated
कॉलम दिखाने के लिए, दिखने वाले कॉलम टेक्स्ट बॉक्स का इस्तेमाल करना.
Web SQL का सारा डेटा मिटाएं
- स्टोरेज खाली करें पैनल खोलें.
पक्का करें कि वेब एसक्यूएल चेकबॉक्स चालू है.
पांचवीं इमेज. Web SQL चेकबॉक्स.
साइट डेटा मिटाएं पर क्लिक करें.
छठा डायग्राम. साइट डेटा मिटाएं बटन.