रीडायरेक्ट के साथ Chrome के नेटवर्क डीबगर का उपयोग कैसे करें


379

Chrome नेटवर्क डीबगर मुझे एक पृष्ठ के लिए लोड किए गए सभी HTTP संसाधनों का एक शानदार दृश्य देता है। लेकिन जब भी कोई नया शीर्ष-स्तरीय HTML पृष्ठ लोड होता है, तो यह सूची को साफ़ कर देता है। इससे उन पृष्ठों को डीबग करना बहुत मुश्किल हो जाता है जो एक कारण या किसी अन्य के लिए स्वचालित रूप से पुनः लोड होते हैं (स्क्रिप्ट या 300 प्रतिक्रियाएं चला रहे हैं)।

जब एक नया शीर्ष-स्तरीय पृष्ठ लोड किया जाता है, तो क्या मैं Chrome को नेटवर्क डिबगर को साफ़ नहीं करने के लिए कह सकता हूँ? या क्या मैं वापस जा सकता हूं और पिछले पृष्ठ के नेटवर्क संसाधनों को देख सकता हूं?

या क्या मैं किसी भी तरह नए पेज को लोड करने से पहले क्रोम को रोकने के लिए मजबूर कर सकता हूं जब मैं उस पृष्ठ को नियंत्रित नहीं करता जो मैं डिबग करने की कोशिश कर रहा हूं जो पुनर्निर्देशन कर रहा है? यह एक ओपिड नृत्य का हिस्सा है, जो भयानक हो रहा है, इसलिए एसएसएल और क्रेडेंशियल्स का संयोजन कमांड-लाइन टूल के साथ डीबग करना बेहद कठिन बना देता है।


इस डुप्लिकेट को 1 महीने पहले पोस्ट किए गए की तुलना में अधिक upvotes कैसे मिला? stackoverflow.com/q/10703944/632951
पेसियर

6
@Pacerier आपके द्वारा लिंक किया गया पोस्ट आपके द्वारा पोस्ट नहीं किया गया है, लेकिन तर्क यह है कि यह शीर्षक में "क्रोम" नहीं है। जब लोग क्रोम से संबंधित किसी चीज़ की तलाश में होते हैं तो उनकी खोज में आमतौर पर कीवर्ड क्रोम शामिल होता है। "Google डेवलपर टूल" अविश्वसनीय रूप से अस्पष्ट है।
जोएल मेलन

जवाबों:


527

V32 के बाद से इसे बदल दिया गया है, उनकी टिप्पणियों के लिए @Daniel Alexiuc & @Thanatos को धन्यवाद।


वर्तमान (≥ v32)

DevTools के "नेटवर्क" टैब के शीर्ष पर, "संरक्षित लॉग" कार्यक्षमता पर स्विच करने के लिए एक चेकबॉक्स है। यदि यह जांचा जाता है, तो नेटवर्क लॉग पेज लोड पर संरक्षित है।

Chrome v33 DevTools Network Tab: लॉग को संरक्षित करें

बाईं ओर की छोटी लाल बिंदु का उद्देश्य अब नेटवर्क लॉगिंग को पूरी तरह से बंद करना है।


पुराने संस्करण

Chrome के पुराने संस्करणों में (v21 यहाँ), "नेटवर्क" टैब के पाद लेख में थोड़ा, क्लिक करने योग्य लाल बिंदु है।

Chrome v22 DevTools Network Tab: नेविगेशन पर लॉग ऑन संरक्षित करें

यदि आप इस पर मंडराते हैं, तो यह आपको बताएगा, कि यह सक्रिय होने पर "लॉग ऑन नेविगेशन को संरक्षित करेगा"। यह वादा रखती है।


1
संस्करण 32 में यह अभी भी वहां है, लेकिन नेटवर्क पैनल के शीर्ष पर चला गया है।
डैनियल अलेक्सियस

4
दरअसल, यह अब सबसे ऊपर है, लेकिन इसे "संरक्षित लॉग" कहा जाता है, और एक चेकबॉक्स है। भ्रामक रूप से, अभी भी एक लाल रिकॉर्ड आइकन है, लेकिन बस यही है कि क्या लॉग इन करना है।
थानाटोस

1
बदलाव पर टिप्पणी करने के लिए धन्यवाद, मैंने सिर्फ उसी के अनुसार उत्तर अपडेट किया।
bfncs

@ruben, इंटरफ़ेस अब वास्तव में थोड़ा अलग दिखता है, लेकिन नेटवर्क टैब में सबसे ऊपर "संरक्षित लॉग" लेबल वाला एक चेकबॉक्स है: i.imgur.com/fhSDYSz.png
bfncs

14
@ rubenlop88 सुनिश्चित करें कि आप दस्तावेज़ों को फ़िल्टर नहीं कर रहे हैं , अन्यथा वे वहां बने नहीं रहेंगे। आप उन्हें अन्य टैब में विशेष रूप से देख सकते हैं ।
एलेक्स

173

मुझे Chrome डीबगर को साफ़ नहीं करने के लिए मजबूर करने का एक तरीका नहीं पता है, लेकिन यह वह हो सकता है जो आप खोज रहे हैं:

  1. Js कंसोल खोलें
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

यह ब्रेकपॉइंट मारकर नए पृष्ठ को लोड करने से पहले क्रोम को रोक देगा।


55
यह सवाल का सही जवाब नहीं था, लेकिन यह वास्तव में मैं क्या देख रहा हूं । धन्यवाद।
isaaclw

2
यह बहुत चालाक है। मैं यहां "पुनर्निर्देशन से पहले विराम" समाधान की तलाश में था और यहां यह है। स्वीकृत उत्तर याद रखना आसान है लेकिन यह रेड है।
जोएल मेलन

19
यह अत्यंत उपयोगी है, क्योंकि क्रोम सर्वर प्रतिक्रिया निकाय को नहीं दिखाता है, यदि ब्राउज़र प्रतिक्रिया प्राप्त करने के बाद सही पुनर्निर्देशित करता है।
क्रिस्टोफ डोम्बी

23

बस @bfncs उत्तर का अपडेट

मुझे लगता है कि क्रोम 43 के आसपास व्यवहार थोड़ा बदल गया था। आपको अभी भी देखने के लिए संरक्षित लॉग को सक्षम करने की आवश्यकता है, लेकिन अब अन्य टैब के तहत रीडायरेक्ट दिखाया गया है, जब लोड किए गए दस्तावेज़ को डॉक्टर के नीचे दिखाया गया है।

यह हमेशा मुझे भ्रमित करता है, क्योंकि मेरे पास बहुत सारे नेटवर्क अनुरोध हैं और इसे एक्सएचआर, डॉक, जेएस आदि द्वारा फ़िल्टर किया जाता है, लेकिन पुनर्निर्देशित होने के मामले में डॉक्टर टैब खाली है, इसलिए मुझे अनुमान लगाना होगा।


1
तुम वो हीरो हो जिसकी मुझे तलाश थी!
मैथ्यू हॉवर्थ

23

दूसरे पेज पर रीडायरेक्ट करने से पहले नेटवर्क कॉल को डीबग करने का एक और बढ़िया समाधान beforeunloadईवेंट ब्रेक पॉइंट का चयन करना है

इस तरह से आप इसे किसी अन्य पृष्ठ पर पुनः निर्देशित करने से पहले प्रवाह को ठीक करने का आश्वासन देते हैं, इस तरह से सभी नेटवर्क कॉल, नेटवर्क डेटा और कंसोल लॉग अभी भी हैं।

यह समाधान सबसे अच्छा है जब आप जांचना चाहते हैं कि कॉल की प्रतिक्रिया क्या है

Chrome से पहले की घटना विराम बिंदु

पुनश्च: यदि आप किसी विशिष्ट कॉल या किसी कॉल से ठीक पहले रुकना चाहते हैं तो आप XHR ब्रेक पॉइंट का भी उपयोग कर सकते हैं (चित्र उदाहरण देखें) XHR ब्रेक प्वाइंट


2
यह भी खूब रही। loadघटना के साथ , हम शुरुआत में रुक सकते हैं और आसानी से ब्रेक पॉइंट सेट कर सकते हैं। धन्यवाद!
लियोन - हान ली
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.