उपयोगकर्ताओं द्वारा अपने ब्राउज़र कंसोल को खोलने का सबसे आम कारण पेज संपादन, टूटे इंटरफ़ेस तत्वों, गलत व्यवहार करने वाले ब्लॉक्स और अन्य प्रकार के JavaScript त्रुटियों और संघर्षों के साथ समस्याओं की पहचान करना है। हालांकि, प्रत्येक ब्राउज़र के अपने शॉर्टकट और चरण हैं जो अंततः आपको कंसोल खोलने और आपके द्वारा देखे जाने वाले वेब-पेज के बैक-एंड को देखने की अनुमति देंगे।
चूंकि 5% से अधिक मार्केट शेयर वाले केवल चार अलग-अलग ब्राउज़र हैं (Chrome, Safari, Edge, और Firefox), हम आपको उनमें से प्रत्येक पर कंसोल खोलने के कई तरीके दिखाएंगे। लेकिन ध्यान रखें कि प्रत्येक ब्राउज़र के साथ, तत्व और त्रुटियां आम तौर पर अलग-अलग रंग-कोडित और लेबल की जाती हैं।
Google Chrome पर कंसोल कैसे खोलें
Chrome पर, वास्तव में तीन अलग-अलग तरीके हैं जो आपको अंतर्निहित कंसोल खोलने की अनुमति देंगे।
आप जिस Chrome बिल्ड का उपयोग कर रहे हैं, उसकी परवाह किए बिना, आप अंतर्निहित कंसोल को खोलने और बंद करने के लिए इन शॉर्टकट्स में से एक का उपयोग कर सकते हैं:
- F12
- Ctrl + Shift + J (Mac पर Cmd + Option + J)
ध्यान रखें कि उन्हीं शॉर्टकट्स का उपयोग कंसोल को छिपाने के लिए भी किया जा सकता है। डिफ़ॉल्ट रूप से, Google Chrome का कंसोल स्क्रीन का ठीक आधा हिस्सा लेता है, लेकिन आप बीच में स्लाइडर के माध्यम से अनुपात को आसानी से समायोजित कर सकते हैं और ब्राउज़र अगली बार कंसोल खोलने पर संशोधन को याद रखेगा।
यदि आप किसी विशिष्ट तत्व पर ध्यान केंद्रित करना चाहते हैं, तो आप बस इसे अपने माउस से हाइलाइट कर सकते हैं और फिर उस पर राइट-क्लिक करें > Inspect। यह कंसोल के Elements टैब और Styles टैब को खोलेगा, जिससे आप हाथ में तत्व पर ध्यान केंद्रित कर सकेंगे।
हालांकि, आप Google Chrome के GUI मेनू के माध्यम से भी कंसोल तक पहुंच सकते हैं। ऐसा करने के लिए, बस ऊपरी-दाएं कोने में एक्शन बटन पर क्लिक करें और More Tools > Developer Tools पर जाएं।
यदि आप यथासंभव कुशलता से काम करना चाहते हैं, तो यहां Chrome कंसोल शॉर्टकट्स की एक सूची है जिसका आप उपयोग कर सकते हैं।
Microsoft Edge पर कंसोल कैसे खोलें
हर दूसरे ब्राउज़र की तरह, Microsoft Edge में भी एक कंसोल टूल है जो इंटरैक्टिव डिबगिंग या एड हॉक टेस्टिंग करने वाले डेवलपर्स के लिए है।
यह टूल विज़िट किए जा रहे वेबपेज से जुड़ी जानकारी लॉग करता है। आपको JavaScript, नेटवर्क अनुरोध और सुरक्षा त्रुटियों से संबंधित जानकारी मिलेगी।
Microsoft Edge पर कंसोल टूल खोलने का आसान तरीका पूर्वनिर्धारित शॉर्टकट (F12 कुंजी) का उपयोग करना है।
लेकिन आप GUI मेनू के माध्यम से भी ऐसा कर सकते हैं एक्शन बटन (ऊपरी-बाएं कोने) > More tools > Developer Tools पर क्लिक करके।
और अन्य ब्राउज़र पर कार्यक्षमता के समान, Microsoft Edge आपको अंतर्निहित कंसोल का उपयोग करके विशिष्ट तत्वों का निरीक्षण करने की अनुमति देता है। ऐसा करने के लिए, बस एक तत्व का चयन करें और राइट-क्लिक करें और Inspect Element चुनें।
यहां कुछ उपयोगी शॉर्टकट्स की सूची है जिनका उपयोग आप Microsoft Edge के अंतर्निहित कंसोल के अंदर कर सकते हैं:
| फोकस मोड में कंसोल लॉन्च करना | Ctrl + Shift + J |
| कंसोल पर स्विच करना | Ctrl + 2 |
| दूसरे DevTools टैब से कंसोल दिखाएं या छिपाएं | Ctrl + ` (बैक टिक) |
| निष्पादित करें (सिंगल-लाइन कमांड) | Enter |
| बिना निष्पादित किए लाइन ब्रेक (मल्टी-लाइन कमांड) | Shift + Enter या Ctrl + Enter |
| कंसोल के सभी संदेश साफ़ करें | Ctrl + L |
| लॉग फ़िल्टर करें (खोज बॉक्स पर फोकस सेट करें) | Ctrl + F |
| ऑटो-कंप्लीशन सुझाव स्वीकार करें (जब फोकस में हो) | Enter या Tab |
| पिछला/अगला ऑटो-कंप्लीशन सुझाव | ऊपर तीर कुंजी/नीचे तीर कुंजी |
Mozilla Firefox पर कंसोल कैसे खोलें
Mozilla Firefox पर अंतर्निहित कंसोल अब तक हमारे द्वारा विश्लेषित अन्य समकक्षों की तुलना में थोड़ा अलग काम करता है। मेरा मतलब यह है कि यह आपके ब्राउज़र स्क्रीन को आधे में विभाजित करने के बजाय एक स्टैंडअलोन विंडो में स्वचालित रूप से खुल जाएगा।
यह दूसरी स्क्रीन वाले लोगों के लिए अधिक उत्पादक दृष्टिकोण की अनुमति देता है लेकिन उन उपयोगकर्ताओं के रास्ते में आ सकता है जिन्हें एक छोटी स्क्रीन के साथ काम करने की आवश्यकता होती है। (यदि आप इस परिदृश्य में हैं, तो आप Firefox और संबद्ध ब्राउज़र कंसोल के बीच आगे-पीछे साइकिल चलाने के लिए Alt + Tab शॉर्टकट का उपयोग कर सकते हैं।
Mozilla Firefox पर अंतर्निहित ब्राउज़र कंसोल खोलने के लिए, आपके पास तीन विकल्प हैं:
- आप या तो यूनिवर्सल शॉर्टकट का उपयोग कर सकते हैं - Ctrl + Shift + J (या Mac पर Cmd + Shift + J)
- आप इसे एक्शन मेनू से खोल सकते हैं - एक्शन मेनू पर क्लिक करके > Web Developer > Browser Console।
- या आप कमांड लाइन से Firefox लॉन्च करके और '-jsconsole' आर्गुमेंट पास करके ब्राउज़र कंसोल को सीधे खोलने के लिए मजबूर कर सकते हैं:
/Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
नोट: Firefox में एक वेब कंसोल भी शामिल है, जो ब्राउज़र कंसोल के समान है लेकिन यह पूरे ब्राउज़र के बजाय एक सिंगल कंटेंट टैब पर लागू होता है।
Safari पर कंसोल कैसे खोलें
अब तक हमने जितने भी ब्राउज़र देखे हैं, उनसे अलग, Safari पर एरर कंसोल डिफ़ॉल्ट रूप से अक्षम है। इस वजह से, आपको इसे अपने ब्राउज़र पर सक्षम करने के लिए एक अतिरिक्त कदम उठाना होगा।
ऐसा करने के लिए, Safari खोलें और Preferences टैब पर क्लिक करें। एक बार जब आप Preferences टैब के अंदर हों, तो Advanced टैब पर क्लिक करें और मेनू बार में Show Develop मेनू से जुड़े बॉक्स को चेक करें।
अब जब आपने कंसोल को दृश्यमान बना दिया है, तो आप Develop टैब को शीर्ष पर एक्सेस करके और Show Error Console पर क्लिक करके इसे खोल सकते हैं।
ध्यान रखें कि Safari के पास एरर कंसोल प्रदर्शित करने का एक डायनामिक तरीका है। यदि आप कंसोल खोलते समय विंडो छोटी है, तो आप इसे पूरी तरह से अलग विंडो में देखेंगे।
यदि आप कंसोल को अपने पेज के समान विंडो में खोलना चाहते हैं, तो आपको यह सुनिश्चित करना होगा कि एरर कंसोल खोलने से पहले ब्राउज़र विंडो पूर्ण आकार की है।