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