Google Chrome डेवलपर टूल बहुत धीमी गति से काम करता है

Question

सिनुवाई Google क्रोम को 50.x संस्करण में अपडेट किया गया था, देवटूल के साथ काम करना असंभव हो गया है। यह मुद्दा ज्यादातर "नेटवर्क" टैब में पुन: पेश किया गया। हर बार जब आप "अनुरोध" पर क्लिक करते हैं तो इसमें लगभग 30-40 सेकंड लगते हैं। उसके बाद क्रोम दुर्घटनाग्रस्त हो सकता है। सभी एक्सटेंशन को हटाने, कैश को साफ़ करने और पुनः इंस्टॉल करने की कोशिश की, लेकिन मदद नहीं की। किसी को भी इस मुद्दे को ठीक करने के लिए कैसे पता है?

मैं Chrome 50.0.2661.87 मीटर चला रहा हूं

UPD: लंबे हेडर के कारण समस्या हो सकती है। प्रतिक्रिया को बंद करने और हेडर का अनुरोध करने का प्रयास करें।

Comments

जब आप कहते हैं कि "अनुरोध" पर क्लिक करें, तो क्या आपका मतलब किसी भी अनुरोध या यूआई के एक विशेष भाग पर "अनुरोध" पर क्लिक करना है? क्या आप एक उदाहरण वेबसाइट से लिंक कर सकते हैं जहाँ आपको समस्या है? मैंने StackOverflow साइट पर पुन: पेश करने की कोशिश की, लेकिन मुद्दों में नहीं चला।

— मैट ज़्युनर्ट

@MattZeunert प्रोबॉयली आप इसे किसी भी साइट पर पा सकते हैं, लेकिन इस en.wikipedia.org/wiki/Main_Page या साइट पर बहुत सी स्क्रिप्ट और XMLHttpRequests के साथ प्रयास करें । ओपन डेटोल -> नेटवर्क -> सूची में कुछ अनुरोध या स्क्रिप्ट पर क्लिक करें -> हेडर / पूर्वावलोकन पर जाएं। नेविगेशन में बहुत कम समय लगता है (कम से कम मेरे लिए) - 30 सेकंड

— किरोश

यह मुद्दा मेरे साथ कल भी होने लगा। यदि प्रोफ़ाइल दूषित थी, तो "डिफ़ॉल्ट" प्रोफ़ाइल का नाम बदलने के अलावा कई समान चरणों का प्रयास किया है। आज रात घर पर एक और मशीन पर प्रयास करेंगे।

— नुन्न दाडी

मैं 50.0.2661.102 OSX पर हूं और जब सीएसएस संपत्तियों को संपादित करने की कोशिश करता हूं तो मेरे पास एक ही तरह का मुद्दा होता है। वास्तव में मूल्य को अपडेट करने में इतना समय लगता है, और अधिकांश समय यह मेरे द्वारा टाइप किए गए नवीनतम पात्रों को भी हटा देता है। वास्तव में गुस्से वाला।

— योअन

बड़े एंगुलर ऐप पर काम करना कंसोल और एलिमेंट्स व्यूअर के बीच स्विच करने के लिए वास्तव में बोझिल है। कंसोल में कोई भी क्रिया करते समय GUI वास्तव में धीमा हो जाता है। स्क्रीन पर तत्व का चयन करते समय आमतौर पर 2 सेकंड की देरी होती है।

— स्कमास्क

Answer 1

मैं मैक ओएस एक्स 10.11.3 पर क्रोम संस्करण 50+ में डिबगिंग के लिए समान मुद्दे रहा हूं। एकमात्र उपाय जो मैंने अब तक पाया है कि देव उपकरण को दाईं ओर रखने के लिए है और ऐसा लगता है कि यह पहले जैसा ही है। इष्टतम समाधान नहीं है, लेकिन यह मेरे मामले में काम करता है।

Comments

पूरी तरह से विचित्र, लेकिन एक निश्चित जीवनरक्षक। मुझे लगता है कि यह समाधान बहुत लंबे समय के लिए आवश्यक नहीं होगा, लेकिन यह मेरे लिए फिर से प्रयोग करने योग्य उपकरण बना दिया गया है। धन्यवाद!

— jpcamara

यहां तक ​​कि स्क्रीन चौड़ाई के अनडॉक किए गए टूल में भी वही समस्या है जो रिपोर्ट की गई है। जब संकुचित यह सामान्य रूप से कार्य करता है। यह निश्चित रूप से अजीब है :) कि कहीं रिपोर्ट की गई है? संपादित करें: यह स्रोत विंडो की चौड़ाई पर आधारित है! संकरा, तेजी से यह प्रतिक्रिया करता है। धन्यवाद @ क्रिस!

— मिशाल रोहिरक

60.0.3112.113 में फिर से होने लगता है। यह फिक्स एक बार फिर काम करता है।

— SoEzPz

बस Chrome 61.0.3163.100 के साथ इस समस्या में भाग गया। फिर, स्किनियर विंडो पूरी तरह से तय हो गई!

— स्टेवजबॉयर

@Rebar मामले में आपने इसे अभी तक ठीक नहीं किया है, एक और फिक्स है जो कुछ सप्ताह पहले लिंक

— ओफिडियन

Answer 2

अंत में, एक समाधान पाया गया है जिसने मुझे इतने लंबे समय के बाद और इसे ठीक करने के कई असफल प्रयासों के बाद मदद की: Google क्रोम फ़ोरम पर समाधान

क्रोम पर जाएँ : // झंडे / # बल-रंग-प्रोफ़ाइल

इसे sRGB में बदलें

चूंकि Google chrome://आपको सीधे लिंक की अनुमति नहीं देता है, इसलिए आपको अपने द्वारा कॉलन को सम्मिलित करना होगा, या पूरे लिंक को अपने टूलबार में मैन्युअल रूप से दर्ज करना होगा।

Answer 3

मेरी स्थिति समान थी, थोड़ी धीमी डेवलपर टूल प्रतिक्रिया के साथ थोड़ी देर संघर्ष करने के बाद मुझे पता चला कि समस्या एक क्रोम एक्सटेंशन के कारण हुई थी जिसे मैंने नॉकआउट के लिए स्थापित किया था। इसलिए प्रारंभिक समस्या निवारण के भाग के रूप में इन समस्याओं का अनुभव करने वाले लोगों के लिए , क्रोम एक्सटेंशन को अक्षम करने का प्रयास करें ।

Comments

अच्छा है। मेरे लिए यह Knockoutjs context debuggerविस्तार था । चीयर्स!

— डंक

मेरे लिए यह था React Developer Tools! केवल मैक पर होता है, विंडोज पर नहीं होता है।

— डोमी

Auguryमेरे लिए अक्षमता विस्तार ने मदद की। धन्यवाद!

— मत्ती लेहटनें

पुष्टि कर सकते हैं कि React Developer Toolsविंडोज़ को भी प्रभावित करता है

— user5480949

Answer 4

मैं संस्करण 61.0.3163.79 का उपयोग कर रहा हूं और मेरे पास एक ही मुद्दा है जिसके बारे में यह पोस्ट बात करती है।

कुछ खोजों के साथ मुझे पता चला कि समस्या उस उपयोगकर्ता में थी जिसका मैं उपयोग कर रहा था। मैंने जो भी करने की कोशिश की वह int google chrome में अतिथि के रूप में दर्ज हो गया और devtools फिर से तेज़ हो गए।

तो मैंने क्या किया:

1. अतिथि उपयोगकर्ता का उपयोग कर डिबगिंग तेज़ है जैसे कि यह होना चाहिए।
2. खाते से लॉगआउट करें ।
3. Google chrome से जुड़े सभी cache को साफ़ करें।
4. पीसी को पुनरारंभ करें (लेकिन मुझे लगता है कि ब्राउज़र को बंद करना काफी है)
5. अपने खाते में फिर से लॉगिन करें ।

मुझे उम्मीद है कि यह अन्य लोगों को भी इसी समस्या में मदद कर सकता है।

[संपादित करें:]

मुझे पता चला कि कुछ समय (हफ्तों) के बाद Google क्रोम देव टूल्स फिर से धीमा हो जाएगा। इसलिए मैंने निम्नलिखित समाधान की कोशिश की और यह काम किया:

1. को खोलो dev tools
2. Sourcesटैब पर जाएं ।
3. सभी देखे गए चर, ब्रेकपॉइंट, DOM ब्रेकपॉइंट और इवेंट श्रोता ब्रेकपॉइंट को साफ किया।

[सेकंड संपादित करें:]

कुछ हफ्तों के बाद, मुद्दा फिर से आया। मैंने जो किया वह स्थापित किया था Google कैनरी संस्करण 64.0.3249.2 कैनरी (64-बिट) और मेरी समस्याएं गायब हो गईं।

किसके लिए पता नहीं है कि कैनरी क्या है, कृपया इस लिंक को देखें।

Answer 5

Google समस्या से अवगत है - https://bugs.chromium.org/p/chromium/issues/detail?id=624097

समस्या v.53 में गायब हो गई है - वे वर्तमान में यह पता लगाने की कोशिश कर रहे हैं कि यह क्या तय किया गया है। यदि संभव हो, तो फिक्स को वापस v.52 में विलय कर दिया जाएगा। लेकिन कम से कम वे इस पर काम कर रहे हैं।

Comments

अब मैं v53.0.2785.101 पर काम कर रहा हूं, अभी भी समस्या है। यह इतना बेकार है कि मैंने फ़ायरफ़ॉक्स स्थापित किया, और मैं इसे सालों से इस्तेमाल नहीं कर रहा था ...

— 14

यहाँ बहुत कुछ वैसा ही है - ग्राहक को दिखाने के लिए एक डिव में कुछ पाठ संपादित करना चाहता था, संपादन योग्य पाठ में बदलने के लिए मैंने क्लिक करने के बाद 30 का समय लिया।

— लोकलपीसीग्युई

मैं v53 का उपयोग कर रहा था जब मुझे यह धागा मिला। तो यह गलत लगता है? हालाँकि, 53.0.2785.143 मीटर बेहतर लगता है। हालांकि यह सुनिश्चित नहीं है कि यह सिर्फ रिबूट था जो इसे हल करता है।

— इयान ग्रिंगर

Chrome में समान समस्या 54.0.2840.71 मीटर (64-बिट)

— Lelis718

कोई वर्कअराउंड? मैंने कैनरी की कोशिश की और यह मेरे लिए समान है। मुझे अब के लिए फ़ायरफ़ॉक्स पर स्विच करना होगा ...

— निकोलस थेरी

Answer 6

यदि मेरे पास उसी मुद्दे का सामना करने वाले अन्य लोग आते हैं, तो उन तत्वों को देख रहे उपकरण टैब को बदलने का प्रयास करें, जिन्हें आप देख रहे हैं ।

मेरे पास "स्रोत" टैब खुला था और क्रोम उस टैब के लिए बहुत अधिक संपत्ति लोड करने की कोशिश कर रहा था, जिसने console.log()मेरे द्वारा बनाई गई घटनाओं और उन लॉग किए गए संदेशों के प्रदर्शन के बीच एक बहु-स्तरीय देरी का निर्माण किया।

Answer 7

सभी विराम बिंदुओं को निष्क्रिय करके देवतुलों को फिर से उदास करें:

Sourcesटैब पर जाएं , डिबगर दिखाएं (छिपाया जा सकता है) और हिट करें Deactivate breakpoints।

(विंडोज 10 पर क्रोम v62.0)

Comments

बस! इस धागे में सब कुछ करने की कोशिश की लेकिन यह आखिरकार काम कर गया। मुझे लगता है कि बड़ी js परियोजनाओं के लिए यह किसी भी तरह समस्याओं का कारण लगता है।

— कोडरफॉस्लेशन

Answer 8

मेरे पास Google Chrome के 54.0.2840.99 मीटर संस्करण पर समान समय जारी है।

लेकिन क्रोम कैनरी पर स्विच करने से काम चल गया!

Comments

Google कैनरी ने अंतिम अपडेट तक मेरे लिए काम किया, और 59.0.3054.1 संस्करण भी बहुत धीमा है :(

— miyconst

Answer 9

मैं भी इसी मुद्दे का सामना करता हूं।

मैंने अनियंत्रित टॉगल पेंचकस की कोशिश की। अब यह ठीक चल रहा है।

Comments

मामले में किसी और को "टॉगल स्क्रेंकास्ट" ढूंढने में भी दिक्कत हो रही है: यह DevTools के ऊपरी बाएँ कोने पर एक आइकन है

— मैटी लेह्टिनन

Answer 10

resourceहोने का आकार कम करेंoverridden

overridingकोड की कम लाइनों वाली केवल फाइलों ने मेरे लिए अच्छा काम किया। मैं यहां इसलिए उतरा क्योंकि मैं overridingएक फाइल थी जिसकी 35,000 +लाइनें थीं Javascript।

इसके अलावा, यदि आपका resourceएक नया है - यानी यह एक scriptटैग या linkटैग में शामिल नहीं है , तो आप override main html documentटैग को जोड़ और जोड़ सकते हैं <script src="/my-new-script.js"></script>:। अपने डोमेन-रूट Overrides folderपर फ़ाइल को इस पर जोड़ें Chrome:

overriding एचटीएमएल

तब overridingकस्टम स्क्रैप:

शुभ लाभ...

Answer 11

मैंने निम्नलिखित काम करके फिर से Chrome को उभार दिया:

• DevTools खोलें -> एलिमेंट्स टैब चुनें ->
  • नेस्टेड कंप्यूटेड टैब चुनें -> फ़िल्टर के तहत , सुनिश्चित करें कि सभी अचयनित हैं।
  • नेस्टेड इवेंट श्रोता टैब का चयन करें -> सुनिश्चित करें कि पूर्वज और फ्रेमवर्क श्रोता अचयनित हैं।

Answer 12

मेरे मामले में, मेरे पास स्थानीय ओवरराइड्स सेटअप था ( https://developers.google.com/web/updates/2018/01/devtools#overrides) डाउनलोड फ़ोल्डर में ) था, जिसमें बहुत सारी फाइलें थीं और जो भटकती थीं।

अपने स्वयं के अलग निर्देशिका में ओवरराइड की स्थापना ने धीमापन को निर्धारित किया।

Answer 13

मेरे लिए, Ubuntu 18 पर क्रोम संस्करण 81.0.4044.138 (आधिकारिक बिल्ड) (64-बिट) चल रहा है, समस्या मोबाइल दृश्य प्रतीत होती है। जब मैं मोबाइल दृश्य निरीक्षण अक्षम करता हूं तो वास्तव में फिर से तेज हो जाता है। मुझे लगता है कि यह स्पर्श अनुकरण और अन्य मोबाइल सामानों के कारण होता है।

एक मोबाइल दृश्य के समान कुछ करने के लिए मैं DevTools डॉक को साइड में ले जाता हूं और इसे तब तक रिसाइज करता हूं जब तक मुझे वह चौड़ाई न मिल जाए जिसकी मुझे आवश्यकता है। यह सही नहीं है, लेकिन यह ज्यादातर समय उपयोगी है।

Chrome के अलावा, समग्र साइटों का निरीक्षण करते समय फ़ायरफ़ॉक्स बहुत तेज़ होता है, हालांकि मैंने FF का उपयोग नहीं किया क्योंकि मैं क्रोम पर विशिष्ट चीजों के लिए उपयोग किया जाता हूं। इसके अलावा, जिन साइटों पर मैं काम करता हूं उनमें से अधिकांश क्रोम पर इन मुद्दों को ट्रिगर नहीं करते हैं, वास्तव में, यह केवल एक साइट के साथ होता है।

पीडी : क्रोम देव टूल्स पर समस्या को ट्रिगर करने वाली साइट में बहुत सीएसएस चर हैं। यकीन नहीं है कि अगर संबंधित है।

अद्यतन 1 सप्ताह पहले मैं "मीडिया के प्रश्नों को दिखाएं" विकल्प को अक्षम करके मोबाइल दृश्य में भी बिना मुद्दों के क्रोम का उपयोग करने में सक्षम था