Chrome DevTools खोलने के कई तरीके हैं. इस पूरी जानकारी वाले रेफ़रंस से, अपनी पसंद का तरीका चुनें.
Chrome के यूज़र इंटरफ़ेस (यूआई) या कीबोर्ड का इस्तेमाल करके, DevTools को ऐक्सेस किया जा सकता है:
- Chrome के ड्रॉप-डाउन मेन्यू से.
- खास शॉर्टकट की मदद से, एलिमेंट, कंसोल या आखिरी बार इस्तेमाल किया गया पैनल खोला जा सकता है.
इसके अलावा, हर नए टैब के लिए DevTools को अपने-आप खोलने का तरीका जानें.
Chrome के मेन्यू से DevTools खोलें
अगर आपको यूज़र इंटरफ़ेस (यूआई) पसंद है, तो Chrome में ड्रॉप-डाउन मेन्यू से DevTools को ऐक्सेस किया जा सकता है.
डीओएम या सीएसएस की जांच करने के लिए, एलिमेंट पैनल खोलें
जांच करने के लिए, पेज पर किसी एलिमेंट पर राइट क्लिक करें और जांच करें चुनें.
DevTools, एलिमेंट पैनल खोलता है और डीओएम ट्री में एलिमेंट चुनता है. स्टाइल टैब में, चुने गए एलिमेंट पर लागू सीएसएस नियम देखे जा सकते हैं.
Chrome के मुख्य मेन्यू से इस्तेमाल किया गया आखिरी पैनल खोलें
आखिरी DevTools पैनल खोलने के लिए, पता बार की दाईं ओर मौजूद
बटन पर क्लिक करें. इसके बाद, ज़्यादा टूल > डेवलपर टूल को चुनें.इसके अलावा, शॉर्टकट का इस्तेमाल करके भी आखिरी पैनल खोला जा सकता है. ज़्यादा जानने के लिए, अगला सेक्शन देखें.
शॉर्टकट की मदद से पैनल खोलना: एलिमेंट, कंसोल या आपका पिछला पैनल
अगर आपको कीबोर्ड का इस्तेमाल करना है, तो अपने ऑपरेटिंग सिस्टम के हिसाब से Chrome में शॉर्टकट दबाएं:
ओएस | एलिमेंट | कंसोल | आपका आखिरी पैनल |
---|---|---|---|
Windows या Linux | Ctrl + Shift + C | Ctrl + Shift + J | F12 Ctrl + Shift + I |
Mac | Cmd + Option + C | Cmd + Option + J | Fn + F12 Cmd + Option + I |
शॉर्टकट याद रखने का आसान तरीका यहां दिया गया है:
- C का मतलब सीएसएस है.
- JavaScript के लिए J.
- I आपकी पसंद तय करता है.
C शॉर्टकट,
इंस्पेक्टर मोड में एलिमेंट पैनल खोलता है. यह मोड, पेज पर एलिमेंट पर कर्सर घुमाने पर काम की टूलटिप दिखाता है. एलिमेंट > स्टाइल टैब में जाकर, किसी भी एलिमेंट की सीएसएस देखने के लिए उस पर क्लिक किया जा सकता है.DevTools के शॉर्टकट की पूरी सूची के लिए, कीबोर्ड शॉर्टकट देखें.
हर नए टैब पर DevTools अपने-आप खुलना
कमांड लाइन से Chrome चलाएं और --auto-open-devtools-for-tabs
फ़्लैग पास करें:
चल रहे किसी भी Chrome इंस्टेंस से बाहर निकलें.
अपना पसंदीदा टर्मिनल या कमांड लाइन ऐप्लिकेशन चलाएं.
अपने ऑपरेटिंग सिस्टम के आधार पर, नीचे दिया गया कमांड चलाएं:
macOS:
open -a "Google Chrome" --args --auto-open-devtools-for-tabs
Windows:
start chrome --auto-open-devtools-for-tabs
Linux:
google-chrome --auto-open-devtools-for-tabs
जब तक Chrome बंद नहीं किया जाता, तब तक हर नए टैब के लिए DevTools अपने-आप खुलेगा.
आगे क्या करना है?
इसके बाद, DevTools में तेज़ी से नेविगेट करने के लिए, कुछ काम के शॉर्टकट और सेटिंग के बारे में जानने के लिए यह वीडियो देखें.
डिवाइस पर बेहतर तरीके से सीखने के लिए, DevTools को पसंद के मुताबिक बनाने का तरीका देखें.