Chrome डेवलपर टूल: html स्क्रिप्ट रिक्त (स्रोत में) डीबगिंग ट्यूटोरियल है


90

मैं नेट क्रोम और गूगल क्रोम का उपयोग करते हुए सी क्रोम डीबगिंग ट्यूटोरियल कर रहा हूं । एक्सटेंशन सहित, सब कुछ सही ढंग से काम करने लगता है, लेकिन जब मैं अनुभाग Use the Debuggerमें आता हूं, तो मुझे ब्रेकपॉइंट डालने के लिए HTML कोड नहीं दिखाई दे सकता है।

ब्राउज़र पर पॉपअप निरीक्षण का चयन करने के बाद, यह कंसोल में खुलता है, कुछ भी नहीं दिखाते हुए, तत्वों को जोड़े गए चित्रों के साथ पॉपअप.html दिखाता है। जब मैं स्रोत पर जाता हूं, तो फ़ाइल popup.html खोली जा सकती है, लेकिन केवल पंक्ति, पंक्ति 1, रिक्त है। अगर मैं js फ़ाइल खोलता हूं, तो js फ़ाइल है और इसे संपादित किया जा सकता है (विराम बिंदु)।

मुझे खेद है - शायद कुछ बुनियादी है, लेकिन मैं इसके साथ बहुत अनुभवी नहीं हूं। मैंने सब कुछ पुनः लोड करने और ताज़ा करने की कोशिश की है।

FOLLOW-UP: location.reload(true)कंसोल प्रॉम्प्ट में प्रवेश करके , पॉपअप.html फ़ाइल स्रोत के रूप में दिखाई देने लगी! क्यों? कोई जानकारी नहीं।

मुझे उम्मीद है कि यह किसी को पूरा दिन बचाता है जो मैंने चारों ओर ठोकर खाई।


5
location.reload (सच) ने मेरे लिए काम किया।
18

हाँ, लेकिन यह पृष्ठ को फिर से लोड करता है, और डिबगर खोलने से पहले पृष्ठ पर आपके द्वारा किए गए किसी भी इंटरैक्शन को खो देता है।
पीटर ब्रांड

मुझे "location.reload (true)" कहाँ लिखना चाहिए
sidhewsar

2
2019 में अभी भी इस मुद्दे का सामना कर रहा है!
आमिर रिज़वान

यह क्रोम, अक्टूबर 2019 के नवीनतम संस्करण में होता है, लेकिन location.reload (सच) ट्रिक ने कुछ भी लोड नहीं किया। संयोग से, स्रोत विंडो केवल पंक्ति संख्या 1 दिखाती है, लेकिन कुछ और नहीं।
हॉवर्ड ब्राउन

जवाबों:


53

यह क्रोमियम DevTools के साथ एक ज्ञात समस्या प्रतीत होती है । असल में, DevTools खुलने से पहले ही HTML और अन्य गैर-स्क्रिप्ट सामग्री पहले से ही फ्लश हो चुकी है और इसे वापस लाने का कोई विश्वसनीय तरीका नहीं है। DevTools के साथ पृष्ठ को ताज़ा करने से समस्या "सही" हो जाती है।


4
सहमत - मेरे पास मुद्दा है और यह फिक्स या तो पुराना है (पिछले समान अंक के लिए), या काम नहीं करता है।
डैन निसेनबूम

3
मैं भी एक ही मुद्दा रहा हूँ। पृष्ठ को ताज़ा करने से समस्या नहीं होती है।
एमएच

17
आप डेवलपर टूल को बंद करके और फिर से निरीक्षण तत्व विकल्प का उपयोग करके उन्हें फिर से खोलकर काम कर सकते हैं। इससे मेरा काम बनता है।
विशाल

7
दिसंबर 2017 में अभी भी जा रहा है!
पीटर ब्रांड

7
बग अभी भी मौजूद है - मई 2019
क्रिस रोजर्स

48

मेरे मामले में मदद का आदेश था

  1. स्रोतों में रिक्त टैब बंद करें
  2. देव उपकरण बंद करें
  3. खुले देव उपकरण
  4. स्रोतों में टैब खोलें (अभी भी खाली है)
  5. पृष्ठ ताज़ा करें

1
कौन जानता है कि क्या यह एक विश्वसनीय फिक्स होगा, लेकिन इस बार इसने काम किया! 😁
जेम्स हिल

1
यार, मैं इस "फिक्स" के लिए हमेशा के लिए देख रहा हूँ
जोर्डेक

इसने मेरे लिए काम किया
स्मिथ

इसने मेरे लिए भी काम किया
AVH

24

मुझे यह समस्या थी, और मैंने पाया है कि इंस्पेक्टर सेटिंग्स विंडो (एफ 1) से "जावास्क्रिप्ट सोर्स मैप को सक्षम करें" को अक्षम करने से इसे हल किया गया है

मैंने अपना js.map पुनः बनाया, सेटिंग को फिर से सक्षम किया और स्रोत अभी भी उपलब्ध था।

इसलिए मुझे लगता है कि मेरी समस्या यह थी कि मैं अनमैनिफाइड js (देव सेटिंग्स) परोस रहा था, लेकिन मैप (ठेस सेटिंग्स के लिए बनाया गया) अभी भी था और पुराना था।


4
बंद क्रोम और फिर से सेटिंग बदलने के बाद फिर से खोलना!
नैटस

17

मेरे मामले में, मैं कंसोल तक पहुंचने में असमर्थ था क्योंकि यह टैब भी एक खाली पृष्ठ प्रदर्शित करता है। मेरा समाधान फोकस में रिक्त डीबगर स्क्रीन के साथ CTRL + SHIFT + I संयोजन का उपयोग करना है, फिर parent.location.reload(true)पॉपअप डीबगर के कंसोल में टाइप करें ।


2
जैसा कि ऊपर दी गई विलब की टिप्पणी में, यह पृष्ठ पुनः लोड करता है, और डिबगर खोलने से पहले आपके द्वारा पृष्ठ पर किए गए किसी भी इंटरैक्शन को खो देता है।
पीटर ब्रांड

बहुत बढ़िया! 2 घंटे के संघर्ष के बाद इसने मेरे लिए काम किया।
जीशान आदिल

मुझे नहीं पता कि parent.location.reload का क्या मतलब है, लेकिन यह कई क्रोम रिस्टार्ट / हार्ड रिफ्रेश / खाली क्रोम कैश डेटा के बाद मेरी समस्या को हल कर देता है! धन्यवाद!
बेलुगा

मैं खुशी से मदद कर सकता है। यह मूल विंडो (उस रिक्त विंडो को पुनः लोड करता है जहां आपने चाइल्ड विंडो से CTRL + SHIFT + I टाइप किया है)।
इकेना एंथनी Okafor

5

मेरे मामले में क्रोम में एक एक्सटेंशन था, जिससे डिबगर के "नो डोमेन" सेक्शन के तहत रिक्त इंडेक्स पेज को खाली इंडेक्स पेज दिया गया। क्रोम में सभी गैर-आवश्यक एक्सटेंशन को अक्षम करने के बाद, डिबगर ने फिर से सही स्रोत दिखाया।


4
यदि आप विस्तार के कारण समस्या को ध्यान में रखते तो बहुत अच्छा होता। आपके लिए कई एक्सटेंशन गैर-आवश्यक हो सकते हैं और मेरे लिए आवश्यक हो सकते हैं। यह उत्तर को बेकार बनाता है।
इमाद

5
मैं "बेकार" से सहमत नहीं होगा। कम से कम आप प्लगइन्स की जांच करना जानते हैं।
ब्रेट ड्रेक

यह मेरा मुद्दा था - मेरे मामले में, मैंने UltraSurf Unblock VPN एक्सटेंशन स्थापित किया था। एक गुप्त विंडो में स्थानीय डिबग पृष्ठ को खोलकर इसे तुरंत लाया गया। एक "durrrr" पल का मुझे स्वीकार करना होगा :( हाहा!
IfElseTryCatch

गुप्त का उपयोग करते हुए यह मेरे लिए तय किया।
पेटा

4

Dev Tools (F12) -> इंस्पेक्टर सेटिंग विंडो (F1) -> डिफॉल्ट्स को रीस्टोर करें और [फिर से नीचे बटन] पर काम करें!


2

मैंने देखा है कि कुछ गंभीर जावास्क्रिप्ट मुद्दे इस तरह की समस्याएं पैदा करते हैं। मेरे मामले में, मैं गलती से एक टाइपो के कारण अपने पूरे दस्तावेज़ को ओवरराइट कर रहा था।

यदि आप क्रोमियम वेबटूल डीबगर में एक खाली HTML पृष्ठ प्राप्त कर रहे हैं, तो यह सुनिश्चित करने के लिए अपनी जावास्क्रिप्ट पर एक अच्छी नज़र डालें कि यह कुछ अजीब नहीं है।


1
ऐसा लगता है कि क्या मेरे लिए भी समस्या का कारण बना। मेरे मामले में मेरे पास एक खराब jquery संदर्भ था। $ ('' इनपुट '' के विपरीत) ('इनपुटिड')।
विंसेंट

2

मैंने कमांड लाइन तर्क "--user-data-dir" के साथ एक नए सत्र का उपयोग करके अपनी समस्या को ठीक किया, और "जावास्क्रिप्ट स्रोत मैप सक्षम करें" को अक्षम किया। मेरा कोड फ़ायरफ़ॉक्स डीबगर में ठीक दिखाता है, इसलिए क्रोम बग के कारण ऐसा दिखता है।


1

मुझे भी यही समस्या थी। यहां तक ​​कि पृष्ठ का एक ताज़ा भी काम नहीं किया।

chrome://helpब्राउजर पर जाना और रिफ्रेश करना + रीस्टार्ट मेरे लिए काम कर गया।

आप मेनू के माध्यम से भी क्रोम अपडेट कर सकते हैं:

यहाँ छवि विवरण दर्ज करें


0

मेरे मामले में यह अचानक ख़राब हो जाता है, जब मैं मैलवेयर से संक्रमित होता हूं और मैं अपने ब्राउज़र को हटा देता हूं - हटाए गए कैश / एपडाटा।

समाधान: मेरे मामले में Js को प्रभावित करने वाले विस्तार को हटा दें

मैंने नीचे एक्सटेंशन को हटा दिया / अक्षम कर दिया और https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en पर काम किया।

अजीब है क्योंकि इससे पहले कि मैं समस्या के बिना उस एडऑन को धो रहा हूं, मुझे लगता है कि यह सीपीआर से दिल तक है। :)


0

मेरे मामले में, मैंने कुछ दिनों के लिए ब्राउज़रसिंक चला रहा था। मैंने गपशप उछाल दी और अपनी समस्या हल कर ली।


0

मेरे पास यह मुद्दा भी था जब मेरे पास एक विशाल जावा-स्क्रिप्ट फ़ाइल थी, मेरे पास यह लाइन थी

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

एक चक्र के लिए और यह 3000 आइटमों की गिनती कर रहा था ताकि फाइल स्क्रिप्ट में बड़ी हो जाए और क्रोम स्रोतों में फ़ाइल खाली हो। (मुझे लगता है कि मैं कुछ सीमा मारा)

100 आइटम को हटाकर फ़ाइल को छोटा बनाने के बाद यह ठीक काम किया।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.