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