अपने वेब ऐप्लिकेशन के कई पहलुओं की जांच करने, उनमें बदलाव करने, और उन्हें डीबग करने के लिए, ऐप्लिकेशन पैनल का इस्तेमाल करें. इन पहलुओं में, उसके मेनिफ़ेस्ट, सेवा वर्कर, स्टोरेज, और कैश मेमोरी में सेव डेटा शामिल है.
खास जानकारी
ऐप्लिकेशन पैनल को चार सेक्शन में बांटा गया है. इनमें सब-मेन्यू होते हैं. ये सेक्शन और सब-मेन्यू यहां दिए गए हैं:
ऐप्लिकेशन: इसमें ऐप्लिकेशन के बारे में पूरी जानकारी होती है. जैसे, उसका मेनिफ़ेस्ट, सेवा वर्कर, और स्टोरेज.
- मेनिफ़ेस्ट टैब,
manifest.jsonसे मिली जानकारी को उपयोगकर्ता के हिसाब से दिखाता है. अगर कोई गड़बड़ी या चेतावनी है, तो वह भी उससे जुड़े सेक्शन में दिखती है. - सर्विस वर्कर्स टैब की मदद से, पुश इवेंट को एमुलेट करके, सेवा को अपडेट करके, और अन्य तरीकों से सर्विस वर्कर्स की जांच की जा सकती है और उन्हें डीबग किया जा सकता है.
- स्टोरेज टैब में एक पाई चार्ट होता है. इसमें कैश स्टोरेज, IndexedDB, और सेवा वर्कर के इस्तेमाल की गई मेमोरी का बंटवारा दिखता है. आपके पास साइट का डेटा मिटाने और कस्टम स्टोरेज कोटा को सिम्युलेट करने का विकल्प भी होता है.
स्टोरेज: वेब ऐप्लिकेशन के लिए इस्तेमाल किए जाने वाले स्टोरेज के अलग-अलग तरीकों को देखें और उनमें बदलाव करें.
- लोकल और सेशन स्टोरेज सूचियों की मदद से, कोई ऑरिजिन चुना जा सकता है. साथ ही, स्टोरेज के तरीके से जुड़े की-वैल्यू पेयर में बदलाव किया जा सकता है.
- IndexedDB सूची में डेटाबेस होते हैं. साथ ही, इससे ब्राउज़र से ऑब्जेक्ट स्टोर की जांच की जा सकती है.
- कुकी सूची की मदद से, कोई ऑरिजिन चुना जा सकता है और की-वैल्यू पेयर में बदलाव किया जा सकता है.
- प्राइवेट स्टेट टोकन और एक जैसी पसंद के हिसाब से बनाए गए ग्रुप की मदद से, उनसे जुड़े टोकन और ग्रुप की जांच की जा सकती है.
- शेयर किया गया स्टोरेज सूची की मदद से, कोई ऑरिजिन चुना जा सकता है. साथ ही, उससे जुड़े की-वैल्यू पेयर की जांच की जा सकती है और उनमें बदलाव किया जा सकता है.
- कैश मेमोरी स्टोरेज की सूची में, उपलब्ध कैश मेमोरी होती है. साथ ही, इस सूची में उनके संसाधनों की जांच करने, उन्हें फ़िल्टर करने, और मिटाने की सुविधा मिलती है.
बैकग्राउंड में चलने वाली सेवाएं: बैकग्राउंड में चलने वाली सेवाओं की जांच करना, उन्हें टेस्ट करना, और डीबग करना.
- बैक/फ़ॉरवर्ड कैश मेमोरी टैब की मदद से, ब्राउज़र में बैक/फ़ॉरवर्ड कैश मेमोरी की जांच की जा सकती है. यह उन समस्याओं की भी जानकारी देती है जिनकी वजह से, बैक/फ़ॉरवर्ड कैश मेमोरी काम नहीं कर रही है.
- बैकग्राउंड फ़ेच टैब की मदद से, Background Fetch API से तीन दिन तक की गतिविधि रिकॉर्ड की जा सकती है.
- बैकग्राउंड सिंक टैब की मदद से, Background Sync API से होने वाली गतिविधि को तीन दिन तक रिकॉर्ड किया जा सकता है.
- बाउंस ट्रैकिंग की क्षमता को कंट्रोल करना टैब की मदद से, उन साइटों की स्थिति की पहचान की जा सकती है जो बाउंस ट्रैकिंग की तकनीक का इस्तेमाल करके, क्रॉस-साइट ट्रैकिंग करती हैं. साथ ही, उन्हें मिटाया भी जा सकता है.
- सूचनाएं टैब की मदद से, पुश मैसेज को तीन दिन तक रिकॉर्ड किया जा सकता है.
- पेमेंट हैंडलर टैब की मदद से, पेमेंट हैंडलर इवेंट को तीन दिन तक रिकॉर्ड किया जा सकता है.
- समय-समय पर होने वाला बैकग्राउंड सिंक टैब की मदद से, समय-समय पर होने वाले बैकग्राउंड सिंक के लाइफ़साइकल में, तीन दिन तक के मुख्य इवेंट रिकॉर्ड किए जा सकते हैं. जैसे, सिंक के लिए रजिस्टर करना, बैकग्राउंड सिंक करना, और अनरजिस्टर करना.
- अनुमान के हिसाब से लोड होने वाले यूआरएल टैब की मदद से, अनुमान के हिसाब से लोड होने वाले यूआरएल को डीबग किया जा सकता है. इसमें, अनुमान के हिसाब से यूआरएल लोड होने की स्थिति, नियम सेट, और अनुमान के हिसाब से यूआरएल लोड करने की कोशिशें दिखती हैं.
- पुश मैसेज टैब की मदद से, पुश मैसेज को तीन दिन तक रिकॉर्ड किया जा सकता है और उन्हें लॉग किया जा सकता है.
- Reporting API टैब, आपकी साइट पर नज़र रखता है. साथ ही, बंद किए गए एपीआई कॉल और सुरक्षा उल्लंघनों की रिपोर्ट करता है.
फ़्रेम: यह पेजों और संसाधनों को कई व्यू में बांटता है. साथ ही, सुरक्षा और अलगाव, कॉन्टेंट की सुरक्षा से जुड़ी नीति, एपीआई की उपलब्धता वगैरह जैसी काम की जानकारी दिखाता है.
ऐप्लिकेशन पैनल खोलें
ऐप्लिकेशन पैनल खोलने के लिए:
- DevTools खोलें.
- कमांड मेन्यू खोलने के लिए, यह दबाएं:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
applicationटाइप करना शुरू करें. इसके बाद, ऐप्लिकेशन दिखाएं को चुनें और Enter दबाएं. DevTools, आपकी DevTools विंडो में सबसे ऊपर ऐप्लिकेशन पैनल दिखाता है.
इसके अलावा, ऐप्लिकेशन पैनल को इन तरीकों से भी खोला जा सकता है:
- सबसे ऊपर मौजूद ऐक्शन बार में, ज़्यादा पैनल पर क्लिक करें. इसके बाद, ड्रॉप-डाउन सूची से ऐप्लिकेशन चुनें.
- सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प > ज़्यादा टूल > ऐप्लिकेशन चुनें.