Google क्रोम में jsfiddle.net पर जावास्क्रिप्ट का निरीक्षण

Question

क्या jsfiddle.net में दर्ज जावास्क्रिप्ट कोड पर Google क्रोम इंस्पेक्टर का उपयोग करके ब्रेकपॉइंट्स सेट करना संभव है?

जब मैं डेवलपर टूल के स्क्रिप्ट टैब पर जाता हूं तो मुझे बहुत सारी स्क्रिप्ट दिखाई देती हैं लेकिन मुझे नहीं पता कि मेरी स्क्रिप्ट कहाँ मिलेगी या यदि यह बिल्कुल मिल सकती है। अतीत में मैंने बस कुछ console.log कार्रवाई के लिए बस गए हैं, लेकिन मुझे कुछ ब्रेकपॉइंट्स सेट करना अच्छा लगेगा।

(यदि नहीं संभव मैं इस परिदृश्य में जावास्क्रिप्ट का निरीक्षण करने के अन्य तरीकों में दिलचस्पी है।)

Answer 1

डेवलपर टूल में, स्क्रिप्ट टैब के अंतर्गत यदि आप ड्रॉप-डाउन से fiddle.jshell.net का चयन करें, लाइन 20-30 के आसपास (निर्भर करता है आपके पास कितना सीएसएस है) आपको <script> टैग दिखाई देगा जिसमें जावास्क्रिप्ट फीड विंडो से कोड शामिल है। आप यहां अपने ब्रेकपॉइंट्स सेट कर सकते हैं।

तुम भी सांत्वना संदर्भ बदल कर इस फ्रेम के खिलाफ कंसोल में कोड का मूल्यांकन कर सकते हैं:

Answer 2

डीबगर कॉल jsfiddle पर ठीक काम करते हैं। बस इस लाइन जहां शुरू करने के लिए डिबगिंग चाहते दर्ज करें:

debugger; 

डीबगर क्रोम, फ़ायरबग में डिबग मोड और यहां तक ​​कि आईई देव उपकरणों शुरू करने के लिए महान है, लेकिन आप आमतौर पर (यानी "डीबगिंग शुरू डिबगर शुरू कर दिया है की जरूरत है "आईई में, फायरबग/डेवलपर टूल्स खोलें)। एक उदाहरण के रूप

<normal path to your fiddle>/show/light/ 

: jsfiddle-link

Answer 3

एक और चाल निम्न सिंटैक्स का उपयोग कर संपादक के बिना अपने बेला दिखाने के लिए है प्रतिनिधित्व (बाईं तरफ), fiddle.jsshell.net नोड खोलें, अगला _display पर क्लिक करें, अगले (index) और आपको अपना कोड देखना चाहिए।

ध्यान दें कि यदि आप अपना कोड सहेजते हैं तो यह _display संदर्भ fiddle-reference/version/show द्वारा प्रतिस्थापित किया जाएगा। उदाहरण के लिए JsQfE/2/show(जो मुझे पता है, लेकिन उदाहरण के रूप में नौकरी करता है)।

Answer 4

डेवलपर कंसोल से सूत्रों टैब पर जाएँ, सूत्रों पेड़ खोलने