यह पेज, Chrome DevTools में कीबोर्ड शॉर्टकट का रेफ़रंस है.
टूलटिप में भी शॉर्टकट देखे जा सकते हैं. DevTools के किसी यूज़र इंटरफ़ेस (यूआई) एलिमेंट पर कर्सर घुमाकर, उसकी टूलटिप देखी जा सकती है. अगर एलिमेंट का कोई शॉर्टकट है, तो टूलटिप में वह शामिल होता है.
DevTools खोलने के लिए कीबोर्ड शॉर्टकट
DevTools खोलने के लिए, अपने कर्सर को ब्राउज़र व्यूपोर्ट पर फ़ोकस करते हुए, ये कीबोर्ड शॉर्टकट दबाएं:
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| पिछली बार इस्तेमाल किया गया पैनल खोलना | Command+Option+I | F12 या Control+Shift+I |
| कंसोल पैनल खोलें | Command+Option+J | Control+Shift+J |
| एलिमेंट पैनल खोलें | Command+Shift+C या Command+Option+C | Control+Shift+C |
ग्लोबल कीबोर्ड शॉर्टकट
ये कीबोर्ड शॉर्टकट, DevTools के ज़्यादातर पैनल में उपलब्ध हैं. हालांकि, हो सकता है कि ये सभी पैनल में उपलब्ध न हों.
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| सेटिंग दिखाएं | ? या Function+F1 | ? या F1 |
| अगले पैनल पर फ़ोकस करना | Command+] | Control+] |
| पिछले पैनल पर फ़ोकस करना | Command+[ | Control+[ |
| डॉक करने की उस पोज़िशन पर वापस स्विच करें जिसका आपने पिछली बार इस्तेमाल किया था. अगर DevTools पूरे सेशन के दौरान डिफ़ॉल्ट जगह पर रहा है, तो इस शॉर्टकट से DevTools को अलग विंडो में अनडॉक किया जाता है | Command+Shift+D | Control+Shift+D |
| डिवाइस मोड को टॉगल करें | Command+Shift+M | Control+Shift+M |
| एलिमेंट की जांच करने वाले मोड को टॉगल करना | Command+Shift+C | Control+Shift+C |
| कमांड मेन्यू खोलें | Command+Shift+P | Control+Shift+P |
| ड्रॉवर को टॉगल करना | Escape | Escape |
| सामान्य तौर पर फिर से लोड करना | Command+R | F5 या Control+R |
| हार्ड रीलोड | Command+Shift+R | Control+F5 या Control+Shift+R |
| मौजूदा पैनल में टेक्स्ट खोजें. यह सुविधा सिर्फ़ Elements, Console, Sources, Performance, Memory, JavaScript Profiler, और Quick Source पैनल में काम करती है. | Command+F | Control+F |
| यह ड्रॉअर में खोजें टैब खोलता है. इससे, लोड किए गए सभी संसाधनों में टेक्स्ट खोजा जा सकता है | Command+Option+F | Control+Shift+F |
| सोर्स पैनल में कोई फ़ाइल खोलना | Command+O या Command+P | Control+O या Control+P |
| ज़ूम इन करें | Command+Shift++ | Control+Shift++ |
| ज़ूम आउट करें | Command+- | Control+- |
| ज़ूम करने के डिफ़ॉल्ट लेवल को पहले जैसा करना | Command+0 | Control+0 |
| स्निपेट चलाना | कमांड मेन्यू खोलने के लिए, Command+O दबाएं. इसके बाद, ! टाइप करें इसके बाद, स्क्रिप्ट का नाम डालें और Enter दबाएं | कमांड मेन्यू खोलने के लिए, Control+O दबाएं. इसके बाद, ! टाइप करें इसके बाद, स्क्रिप्ट का नाम डालें और Enter दबाएं |
Elements पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| बदलाव को पहले जैसा करें | Command+Z | Control+Z |
| बदलाव को फिर से करें | Command+Shift+Z | Control+Y |
| फ़िलहाल चुने गए एलिमेंट के ऊपर या नीचे मौजूद एलिमेंट को चुनना | अप ऐरो / डाउन ऐरो | अप ऐरो / डाउन ऐरो |
| इससे मौजूदा समय में चुना गया नोड बड़ा हो जाता है. अगर नोड पहले से ही बड़ा किया गया है, तो यह शॉर्टकट इसके नीचे मौजूद एलिमेंट को चुनता है | राइट ऐरो | राइट ऐरो |
| चुने गए मौजूदा नोड को छोटा करें. अगर नोड पहले से छोटा किया गया है, तो यह शॉर्टकट उसके ऊपर मौजूद एलिमेंट को चुनता है | लेफ़्ट ऐरो | लेफ़्ट ऐरो |
| फ़िलहाल चुने गए नोड और उससे जुड़े सभी नोड को बड़ा या छोटा करें | Option को दबाकर रखें. इसके बाद, एलिमेंट के नाम के बगल में मौजूद ऐरो आइकॉन पर क्लिक करें | Control+Alt को दबाकर रखें. इसके बाद, एलिमेंट के नाम के बगल में मौजूद ऐरो आइकॉन पर क्लिक करें |
| फ़िलहाल चुने गए एलिमेंट के लिए, बदलाव करें मोड को टॉगल करें | Enter | Enter |
| एट्रिब्यूट में बदलाव करें मोड में जाने के बाद, अगला / पिछला एट्रिब्यूट चुनें | Tab / Shift+Tab | Tab / Shift+Tab |
| चुने गए एलिमेंट को छिपाना | H | H |
| चुने गए एलिमेंट पर, एचटीएमएल के तौर पर बदलाव करें मोड को टॉगल करें | Function+F2 | F2 |
स्टाइल पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| उस लाइन पर जाएं जहां प्रॉपर्टी की वैल्यू तय की गई है | Command को दबाकर रखें. इसके बाद, प्रॉपर्टी की वैल्यू पर क्लिक करें | Control दबाकर रखें और फिर प्रॉपर्टी वैल्यू पर क्लिक करें |
| सीएसएस के नियमों को एक-एक करके देखना | अप ऐरो / डाउन ऐरो | अप ऐरो / डाउन ऐरो |
| सीएसएस नियम में, प्रॉपर्टी और प्रॉपर्टी वैल्यू के कंट्रोल के बीच स्विच करना | लेफ़्ट ऐरो / राइट ऐरो | लेफ़्ट ऐरो / राइट ऐरो |
| प्रॉपर्टी वैल्यू में किसी फ़ंक्शन पर फ़ोकस करने पर, सीएसएस वैल्यू टूलटिप खोलें. जैसे, var, calc, clamp वगैरह. इनकी पहचान, बिंदु वाली अंडरलाइन से की जाती है | Option+ डाउन ऐरो | Alt+डाउन ऐरो |
| किसी कलर वैल्यू को दिखाने का तरीका बदलना. जैसे, आरजीबी, हेक्स, oklch वगैरह | Shift को दबाकर रखें. इसके बाद, वैल्यू के बगल में मौजूद, रंग की झलक बॉक्स पर क्लिक करें | Shift को दबाकर रखें. इसके बाद, वैल्यू के बगल में मौजूद, रंग की झलक बॉक्स पर क्लिक करें |
| अगली / पिछली प्रॉपर्टी या वैल्यू में बदलाव करना | किसी प्रॉपर्टी के नाम या वैल्यू पर क्लिक करें. इसके बाद, Tab / Shift+Tab दबाएं | किसी प्रॉपर्टी के नाम या वैल्यू पर क्लिक करें. इसके बाद, Tab / Shift+Tab दबाएं |
| प्रॉपर्टी की वैल्यू को 0.1 से बढ़ाना / घटाना | किसी वैल्यू पर क्लिक करें. इसके बाद, Option+अप ऐरो / Option+डाउन ऐरो दबाएं | किसी वैल्यू पर क्लिक करें. इसके बाद, Alt+अप ऐरो / Alt+डाउन ऐरो दबाएं |
| किसी प्रॉपर्टी की वैल्यू को 1 से बढ़ाना या घटाना | किसी वैल्यू पर क्लिक करें. इसके बाद, अप ऐरो / डाउन ऐरो दबाएं | किसी वैल्यू पर क्लिक करें. इसके बाद, अप ऐरो / डाउन ऐरो दबाएं |
| किसी प्रॉपर्टी की वैल्यू को 10 से बढ़ाना / घटाना | किसी वैल्यू पर क्लिक करें. इसके बाद, Shift+अप ऐरो / Shift+डाउन ऐरो दबाएं | किसी वैल्यू पर क्लिक करें. इसके बाद, Shift+अप ऐरो / Shift+डाउन ऐरो दबाएं |
| किसी प्रॉपर्टी की वैल्यू को 100 से बढ़ाना या घटाना | किसी वैल्यू पर क्लिक करें. इसके बाद, Command+अप ऐरो / Command+डाउन ऐरो दबाएं | किसी वैल्यू पर क्लिक करें. इसके बाद, Control+अप ऐरो / Control+डाउन ऐरो दबाएं |
| किसी कोण की वैल्यू को डिग्री (deg), ग्रेडियन (grad), रेडियन (rad), और टर्न (turn) के हिसाब से दिखाने के लिए, इन विकल्पों के बीच साइकल करें | Shift को दबाकर रखें. इसके बाद, वैल्यू के बगल में मौजूद ऐंगल की झलक बॉक्स पर क्लिक करें | Shift को दबाकर रखें. इसके बाद, वैल्यू के बगल में मौजूद ऐंगल की झलक बॉक्स पर क्लिक करें |
| किसी कोण की वैल्यू को 1 से बढ़ाना या घटाना | वैल्यू के बगल में मौजूद, ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, अप ऐरो / डाउन ऐरो दबाएं | वैल्यू के बगल में मौजूद, ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, अप ऐरो / डाउन ऐरो दबाएं |
| कोण की वैल्यू को 10 से बढ़ाना / घटाना | वैल्यू के बगल में मौजूद, ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, Shift+अप ऐरो / Shift+डाउन ऐरो दबाएं | वैल्यू के बगल में मौजूद ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, Shift+अप ऐरो / Shift+डाउन ऐरो दबाएं |
| ऐंगल की वैल्यू को 15 से बढ़ाना / घटाना | वैल्यू के बगल में मौजूद ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, Shift दबाएं और ऐंगल क्लॉक ओवरले पर क्लिक करें या माउस से स्लाइड करें | वैल्यू के बगल में मौजूद ऐंगल की झलक बॉक्स पर क्लिक करें. इसके बाद, Shift दबाएं और ऐंगल क्लॉक ओवरले पर क्लिक करें या माउस से स्लाइड करें |
सोर्स पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| स्क्रिप्ट के एक्ज़ीक्यूशन को रोकना (अगर फ़िलहाल चल रहा है) या फिर से शुरू करना (अगर फ़िलहाल रुका हुआ है) | F8 या Command+\ | F8 या Control+\ |
| अगले फ़ंक्शन कॉल पर जाएं | F10 या Command+' | F10 या Control+' |
| अगले फ़ंक्शन कॉल पर जाएं | F11 या Command+; | F11 या Control+; |
| मौजूदा फ़ंक्शन से बाहर निकलें | Shift+F11 या Command+Shift+; | Shift+F11 या Control+Shift+; |
| ब्रेकपॉइंट पर रुकने के बाद, कोड की किसी लाइन से आगे बढ़ना | Command को दबाकर रखें. इसके बाद, कोड की लाइन पर क्लिक करें | Control को दबाकर रखें और फिर कोड की लाइन पर क्लिक करें |
| फ़िलहाल चुने गए फ़्रेम के नीचे / ऊपर मौजूद कॉल फ़्रेम को चुनें | Control+. / Control+, | Control+. / Control+, |
| स्थानीय तौर पर किए गए बदलावों को सेव करना | Command+S | Control+S |
| सभी बदलाव सेव करें | Command+Option+S | Control+Alt+S |
| लाइन पर जाना | Control+G | Control+G |
| फ़िलहाल खुली हुई फ़ाइल की किसी लाइन नंबर पर जाना | कमांड मेन्यू खोलने के लिए, Command+O दबाएं. इसके बाद, : टाइप करें और फिर लाइन नंबर डालें. इसके बाद, Enter दबाएं | कमांड मेन्यू खोलने के लिए, Control+O दबाएं. इसके बाद, : टाइप करें और फिर लाइन नंबर टाइप करें. इसके बाद, Enter दबाएं |
| फ़िलहाल खुली हुई फ़ाइल के किसी कॉलम पर जाना (उदाहरण के लिए, लाइन 5, कॉलम 9) | कमांड मेन्यू खोलने के लिए, Command+O दबाएं. इसके बाद, : टाइप करें, फिर लाइन नंबर, फिर दूसरा :, फिर कॉलम नंबर, फिर Enter दबाएं | कमांड मेन्यू खोलने के लिए, Control+O दबाएं. इसके बाद, : टाइप करें, फिर लाइन नंबर, फिर दूसरा :, फिर कॉलम नंबर, और फिर Enter दबाएं |
| फ़ंक्शन के एलान पर जाएं (अगर फ़िलहाल खुली हुई फ़ाइल एचटीएमएल या स्क्रिप्ट है) या नियम के सेट पर जाएं (अगर फ़िलहाल खुली हुई फ़ाइल स्टाइलशीट है) | Command+Shift+O दबाएं. इसके बाद, एलान / नियम सेट का नाम टाइप करें या विकल्पों की सूची से उसे चुनें | Control+Shift+O दबाएं. इसके बाद, एलान / नियमों के सेट का नाम टाइप करें या विकल्पों की सूची से इसे चुनें |
| ऐक्टिव टैब बंद करना | Option+W | Alt+W |
| अगला या पिछला टैब खोलना | Function+Command+Up या Down | Control+Page Up या Page Down |
| बाईं ओर मौजूद नेविगेशन साइडबार को टॉगल करना | Command+Shift+Y | Control+Shift+Y |
| दाईं ओर मौजूद डीबगर साइडबार को टॉगल करें | Command+Shift+H | Control+Shift+H |
कोड एडिटर के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| आखिरी शब्द में कर्सर तक के सभी वर्ण मिटाएं | Option+Delete | Control+Delete |
| लाइन-ऑफ़-कोड ब्रेकपॉइंट जोड़ना या हटाना | कर्सर को लाइन पर फ़ोकस करें. इसके बाद, Command+B दबाएं | अपने कर्सर को लाइन पर ले जाएं. इसके बाद, Control+B दबाएं |
| शर्त के हिसाब से ब्रेकपॉइंट या लॉगपॉइंट में बदलाव करने के लिए, ब्रेकपॉइंट में बदलाव करने वाला डायलॉग बॉक्स खोलें | अपने कर्सर को लाइन पर ले जाएं. इसके बाद, Command+Alt+B दबाएं | कर्सर को लाइन पर फ़ोकस करें. इसके बाद, Control+Alt+B दबाएं |
| कंडीशनल ब्रेकपॉइंट डायलॉग बॉक्स खोलें | Command+लाइन नंबर पर क्लिक करें | Control+लाइन नंबर पर क्लिक करें |
| logpoint डायलॉग बॉक्स खोलें | Command+Shift+लाइन नंबर पर क्लिक करें | Control+Shift+लाइन नंबर पर क्लिक करें |
| मैच करने वाले ब्रैकेट पर जाएं | Control+M | Control+M |
| एक लाइन वाली टिप्पणी को टॉगल करें. अगर एक से ज़्यादा लाइनें चुनी जाती हैं, तो DevTools हर लाइन की शुरुआत में एक टिप्पणी जोड़ता है | Command+/ | Control+/ |
| कर्सर जिस शब्द पर है उसके अगले शब्द को चुनें / उससे चुने हुए का निशान हटाएं. हर बार होने वाले बदलाव को एक साथ हाइलाइट किया जाता है | Command+D / Command+U | Control+D / Control+U |
नेटवर्क पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| हेडर, पेलोड, और रिस्पॉन्स खोजना | Command+F | Control+F |
| रिकॉर्डिंग शुरू / बंद करें | Command+E | Control+E |
| पेज को फिर से लोड करने की प्रोसेस रिकॉर्ड करना | Command+R | Control+R |
| चुने गए अनुरोध की जानकारी छिपाना | Escape | Escape |
परफ़ॉर्मेंस पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| रिकॉर्डिंग शुरू / बंद करें | Command+E | Control+E |
| रिकॉर्डिंग सेव करें | Command+S | Control+S |
| रिकॉर्डिंग लोड करें | Command+O | Control+O |
मेमोरी पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| रिकॉर्डिंग शुरू / बंद करें | Command+E | Control+E |
कंसोल पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| अपने-आप पूरा होने वाला सुझाव स्वीकार करना | राइट ऐरो या Tab | राइट ऐरो या Tab |
| अपने-आप पूरा होने वाला सुझाव अस्वीकार करना | Escape | Escape |
| ऑटोकंप्लीट सूची में ऊपर या नीचे जाना | अप / डाउन या Control+P / N | Up / Down या Control+P / N |
| पिछला स्टेटमेंट पाना | अप ऐरो | अप ऐरो |
| अगला स्टेटमेंट पाना | डाउन ऐरो | डाउन ऐरो |
| कंसोल पर फ़ोकस करें | Control+` | Control+` |
| कंसोल को मिटाना | Command+K या Option+L | Control+L |
| कई लाइनों वाली एंट्री को लागू करें. ध्यान दें कि DevTools को डिफ़ॉल्ट रूप से, कई लाइनों वाले कोड का पता लगाना चाहिए. इसलिए, अब आम तौर पर इस शॉर्टकट की ज़रूरत नहीं होती | Shift+Return | Shift+Enter |
| एक्ज़ीक्यूट करने की अनुमति | सामान लौटाना | Enter |
| कंसोल में लॉग किए गए किसी ऑब्जेक्ट की सभी सब-प्रॉपर्टी को बड़ा करना | Alt को दबाकर रखें. इसके बाद, बड़ा करें > पर क्लिक करें | Alt को दबाकर रखें. इसके बाद, बड़ा करें > पर क्लिक करें |
खोज टैब के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| खोज के सभी नतीजों को बड़ा/छोटा करें | Command+Option+{ या } | Control+Shift+{ या } |
रिकॉर्डर पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| रिकॉर्डिंग शुरू या बंद करना | Command+E | Control+E |
| रिकॉर्डिंग फिर से चलाएं | Command+Enter | Control+Enter |
| रिकॉर्डिंग या चुना गया चरण कॉपी करें | Command+C | Control+C |
| कोड व्यू को टॉगल करें | Command+B | Control+B |
लेयर पैनल के लिए कीबोर्ड शॉर्टकट
| कार्रवाई | Mac | Windows / Linux |
|---|---|---|
| डायग्राम को X और Y ऐक्सिस पर मूव करना | W (ऊपर), A (बाएं), S (नीचे), D (दाएं) | W (ऊपर), A (बाएं), S (नीचे), D (दाएं) |
| पैन मोड को टॉगल करें | X | X |
| रोटेट मोड को टॉगल करें | V | V |
| डायग्राम की पोज़िशन और रोटेशन को रीसेट करना | 0 | 0 |
| डाइग्राम को ज़ूम इन करें | Shift++ या माउसव्हील को ऊपर की ओर स्क्रोल करें | Shift++ या माउसव्हील को ऊपर की ओर घुमाएं |
| डायग्राम को ज़ूम आउट करें | Shift+- या माउसव्हील को नीचे की ओर स्क्रोल करें | Shift+- या माउसव्हील को नीचे की ओर स्क्रोल करें |