javascript - आप Google क्रोम में जावास्क्रिप्ट डीबगर कैसे लॉन्च करते हैं?




google-chrome debugging (8)

Google क्रोम का उपयोग करते समय, मैं कुछ जावास्क्रिप्ट कोड डीबग करना चाहता हूं। मैं उसे कैसे कर सकता हूँ?


अब गूगल क्रोम ने नई सुविधा पेश की है। इस सुविधा का उपयोग करके आप क्रोम ब्राउज़ में कोड संपादित कर सकते हैं। (कोड स्थान पर स्थायी परिवर्तन)

उस प्रेस के लिए एफ 12 -> स्रोत टैब - (दाएं तरफ) -> फाइल सिस्टम - उसमें कृपया कोड का अपना स्थान चुनें। और फिर क्रोम ब्राउज़र आपको अनुमति मांगेगा और उसके बाद उस कोड के हरे रंग के रंग के साथ डूब जाएगा। और आप अपने कोड को संशोधित कर सकते हैं और यह आपको कोड स्थान पर भी प्रतिबिंबित करेगा (इसका मतलब है कि यह स्थायी परिवर्तन होगा)

धन्यवाद


इसे अपने स्रोत में जोड़ने का प्रयास करें:

debugger;

यदि अधिकांश ब्राउज़र नहीं हैं तो यह सबसे अधिक काम करता है। बस इसे अपने कोड में कहीं भी रखें, और यह ब्रेकपॉइंट की तरह कार्य करेगा।


जावास्क्रिप्ट डीबगर लॉन्च करने के लिए क्रोम ब्राउज़र में F12 फ़ंक्शन कुंजी दबाएं और फिर "स्क्रिप्ट" पर क्लिक करें।

शीर्ष पर जावास्क्रिप्ट फ़ाइल चुनें और जावास्क्रिप्ट कोड के लिए ब्रेकपॉइंट को डीबगर पर रखें।


मैक उपयोगकर्ताओं के लिए, Google क्रोम पर जाएं -> मेनू देखें -> डेवलपर -> जावास्क्रिप्ट कंसोल



विंडोज और लिनक्स:

डेवलपर टूल्स खोलने के लिए Ctrl + Shift + I कुंजी

डेवलपर टूल्स खोलने के लिए Ctrl + Shift + J और कंसोल पर फ़ोकस करें।

तत्व मोड का निरीक्षण टॉगल करने के लिए Ctrl + Shift + C।

मैक:

डेवलपर टूल्स खोलने के लिए + + I कुंजी

+ + जे डेवलपर टूल्स खोलने और कंसोल पर ध्यान केंद्रित करने के लिए।

तत्व मोड का निरीक्षण टॉगल करने के लिए + + सी

Source

अन्य शॉर्टकट्स


समर्पित 'कंसोल' पैनल खोलने के लिए, या तो:

  • कीबोर्ड शॉर्टकट का प्रयोग करें
    • विंडोज और लिनक्स पर: Ctrl + Shift + J
    • मैक पर: सीएमडी + विकल्प + जे
  • क्रोम मेनू आइकन, मेनू -> अधिक टूल्स -> जावास्क्रिप्ट कंसोल का चयन करें । या यदि क्रोम डेवलपर टूल्स पहले से ही खुले हैं, तो 'कंसोल' टैब दबाएं।

कृपया Source देखें


Ctrl + Shift + J डेवलपर टूल्स खोलता है।





google-chrome-devtools