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