अपने वेब ऐप्लिकेशन के मेनिफ़ेस्ट, सर्विस वर्कर, स्टोरेज, और कैश मेमोरी जैसे कई पहलुओं की जांच करने, उनमें बदलाव करने, और उन्हें डीबग करने के लिए, ऐप्लिकेशन पैनल का इस्तेमाल करें.
खास जानकारी
ऐप्लिकेशन पैनल को सब-मेन्यू वाले चार सेक्शन में बांटा गया है. ये सेक्शन और सब-मेन्यू यहां दिए गए हैं:
ऐप्लिकेशन: इसमें ऐप्लिकेशन के मेनिफ़ेस्ट, सर्विस वर्कर, और स्टोरेज के बारे में बहुत सारी जानकारी शामिल होती है.
- मेनिफ़ेस्ट टैब,
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 ज़्यादा विकल्प > ज़्यादा टूल > ऐप्लिकेशन चुनें.