तुमचे वेब अॅप कदाचित अशा गोष्टी करत आहे ज्या तुम्ही कधी प्रत्यक्षात डीबग केल्या नाहीत. वापरकर्त्याने काही क्लिक करण्यापूर्वीच पेजेस प्री-रेंडर होत आहेत, ऑफलाइन असताना फॉर्म सबमिशन्स शांतपणे रांगेत लावल्या जात आहेत, झोपलेल्या सर्व्हिस वर्कर कडे पुश नोटिफिकेशन्स येत आहेत, सेशन्स हार्डवेअर कीजना क्रिप्टोग्राफिकली बांधल्या जात आहेत — हे सर्व Chrome च्या background service APIs द्वारे होते, पूर्णपणे अदृश्यपणे. Chrome DevTools मधील Background Services पॅनेल म्हणजे तुम्हाला हे सर्व शेवटी पाहता येण्याची जागा.
DevTools उघडा, Application वर क्लिक करा, आणि डाव्या बाजूच्या साइडबारकडे पाहा. Cookies, Local Storage, Session Storage, IndexedDB, Cache Storage, Shared Storage, Background Services… खूप काही आहे. मी अनुभवी डेव्हलपर्सनासुद्धा प्रत्येक गोष्टीसाठी localStorage वापरताना पाहिलं आहे — मग ते ऑथ टोकन्स असोत, शॉपिंग कार्ट असो, किंवा मेगाबाइट्समधले API रिस्पॉन्स — फक्त त्यांना तेच एक माहीत आहे म्हणून. हे नेहमीच चुकीचं नसतं, पण क्वचितच ते सर्वोत्तम निवड असते. चला, या प्रत्येक यंत्रणेचं काम काय आहे, DevTools मध्ये ती कुठे सापडते, आणि — सर्वात महत्त्वाचं म्हणजे — शेजारी असलेल्या इतर सहा पर्यायांऐवजी ती तुम्ही केव्हा वापरावी, हे प्रत्यक्षात जाऊन पाहूया.