क्रोम डेवलपर टूल्स की एलिमेंट्स विंडो में लाइन नंबर प्राप्त करें?

Question

क्रोम में, टूल्स -> डेवलपर टूल्स -> एलिमेंट्स टैब। स्रोत कोड के बगल में कोई लाइन नंबर नहीं है। क्या उन्हें टॉगल करने का कोई तरीका है?

Answer 1

यह नहीं पता कि यह कितना उपयोगी होगा, लेकिन आप तत्व टैब में HTML तत्व पर राइट क्लिक कर सकते हैं, "HTML के रूप में कॉपी करें" का चयन करें और परिणामों को अपने पसंदीदा टेक्स्ट एडिटर में पेस्ट करें। इससे आपको डीओएम के लिए लाइन नंबर मिलेंगे क्योंकि यह उस बिंदु पर मौजूद है जहां आप इसकी प्रतिलिपि बनाते हैं।

टिप्पणियों की तरह, यह स्रोत पंक्ति संख्याओं के अनुरूप नहीं होगा।

Answer 2

डेवलपर क्षेत्र में संख्या रेखा दिखाने का कोई तरीका नहीं है। आप वेबपृष्ठ में CTRL + यू दबा सकते हैं जहां आप कोड पर लाइन देखना चाहते हैं। गुड लक

Answer 3

मैं अगर Chrome DevTools पोस्ट के बाद से बदल गया है पता नहीं है, लेकिन अब आप यह कर सकते हैं:

उसके आगे स्थित तीर पर क्लिक करके त्रुटि का विस्तार करें और फिर लाइन है कि कहते हैं पर क्लिक करें स्टैक (...) और यह उसी त्रुटि संदेश और स्रोत लाइन में विस्तारित होगा जहां यह हुआ था।

मुझे आशा है कि इससे मदद मिलती है!

Answer 4

यदि आप राइट-क्लिक करें -> पृष्ठ स्रोत देखें, यह वर्तमान पंक्ति संख्या दिखाएगा।

इसके लायक होने के लिए, मुझे इसकी आवश्यकता थी क्योंकि मुझे लाइन नंबर के साथ जावास्क्रिप्ट त्रुटि मिल रही थी। देव उपकरण इस स्निपेट को नियमित स्रोत टैब में नहीं दिखा रहे थे, संभवतः क्योंकि यह HTML में एम्बेड किया गया था और मेरे पास संकलन त्रुटि (बेवकूफ गायब कॉमा) था।

Answer 5

कोशिश क्रोम एक्सटेंशन Go to line:

Answer 6

यह एक लाइन नंबर नहीं है, क्योंकि यह पार्स और अपने HTML कोड के संस्करण को सही और लाइन नंबर क्या आप आप कोड संपादक में देखते हैं से बहुत अलग हो सकता है है । बिल्कुल वही तत्व खोजने का सबसे अच्छा तरीका तत्व में एक आईडी विशेषता जोड़ना है और फिर document.querySelectorAll ('# CUSTOM_ID') का उपयोग करना है; यदि आप अपरिवर्तित HTML (सर्वर से प्राप्त ब्राउज़र को प्राप्त करना चाहते हैं) को देखना चाहते हैं तो बस पृष्ठ पर राइट क्लिक करें और पृष्ठ स्रोत देखें चुनें।

Answer 7

लाइन नंबर अब HTML में उपयोग नहीं किए जाते हैं। प्रत्येक पंक्ति में अब एक अद्वितीय नाम है।