खास जानकारी

Chrome DevTools, वेब डेवलपर टूल का एक सेट है. यह सीधे तौर पर Google Chrome ब्राउज़र में उपलब्ध होता है. DevTools की मदद से पेजों में तुरंत बदलाव किए जा सकते हैं और समस्याओं का तुरंत पता लगाया जा सकता है. इससे आपको तेज़ी से और बेहतर वेबसाइट बनाने में मदद मिलती है.

मुख्य DevTools वर्कफ़्लो की लाइव जानकारी देखने के लिए, इस वीडियो को देखें. इसमें, सीएसएस को डीबग करना, सीएसएस को प्रोटोटाइप करना, JavaScript को डीबग करना, और लोड की परफ़ॉर्मेंस का विश्लेषण करना शामिल है.

DevTools खोलें

DevTools खोलने के कई तरीके हैं, क्योंकि अलग-अलग उपयोगकर्ता, DevTools यूज़र इंटरफ़ेस (यूआई) के अलग-अलग हिस्सों को तुरंत ऐक्सेस करना चाहते हैं.

  • डीओएम या सीएसएस के साथ काम करने के लिए, पेज पर मौजूद किसी एलिमेंट पर राइट क्लिक करें और एलिमेंट पैनल में जाने के लिए, जांच करें चुनें. इसके अलावा, Command+Option+C (Mac) या Control+Shift+C (Windows, Linux, ChromeOS) दबाएं.
  • लॉग किए गए मैसेज देखने या JavaScript चलाने के लिए, Command+Option+J (Mac) या Control+Shift+J (Windows, Linux, ChromeOS) दबाएं और सीधे कंसोल पैनल पर जाएं.

ज़्यादा जानकारी और वर्कफ़्लो के लिए, Chrome DevTools खोलें देखें.

शुरू करें

अगर आप ज़्यादा अनुभवी वेब डेवलपर हैं, तो यहां कुछ सुझाव दिए गए हैं. इनकी मदद से, यह पता लगाया जा सकता है कि DevTools आपकी उत्पादकता को कैसे बेहतर बना सकता है:

DevTools के बारे में जानें

DevTools यूज़र इंटरफ़ेस (यूआई) थोड़ा मुश्किल हो सकता है... इसमें बहुत सारे टैब हैं! हालांकि, अगर आपको हर टैब के बारे में जानने में कुछ समय लग रहा है, तो आप देख सकते हैं कि DevTools आपकी उत्पादकता को बहुत ज़्यादा बढ़ा सकता है.

डिवाइस मोड