Chrome के डेवलपर टूल नेटवर्क टैब में पूरा URI / URL दिखाएं


47

Chrome का उपयोग डीबग करने के लिए, मुझे इस तथ्य के कारण कुशल होना बहुत मुश्किल लगता है कि मैं यह नहीं देखता कि मैं डेवलपर उपकरण के "नेटवर्क" टैब को पूर्ण अनुरोध URI दिखाने के लिए कैसे बाध्य कर सकता हूं।

यदि आप लिंक को मँडराते हैं और एक सेकंड तक प्रतीक्षा करते हैं, तो यह पूरा यूआरआई दिखाएगा , लेकिन यह अविश्वसनीय रूप से प्रतिकूल है।

मेरे AJAX के सभी अनुरोधों को ajax.php पर भेजा जाता है, और क्वेरी स्ट्रिंग तर्कों का उपयोग करके नियंत्रित किया जाता है, जैसे:

ajax.php?do=profile-set
ajax.php?do=game-save

... आदि।

चूंकि मैं AJAX का बड़े पैमाने पर उपयोग करता हूं, इसलिए मेरा नेटवर्क टैब "ajax.php" से भरा है, लेकिन मुझे उस अनुरोध को खोजने के लिए प्रत्येक प्रविष्टि को मैन्युअल रूप से मँडराता है, जिसकी मुझे तलाश है।

निश्चित रूप से वहाँ एक और तरीका हो गया है !?

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

उम्मीद है कि मैं यह पता लगा सकता हूं कि यह कैसे करना है ताकि मैं क्रोम का उपयोग अपने शून्य के रूप में जारी रख सकूं।

मैंने आपको दिखाने के लिए एक स्क्रीन शॉट प्रदान किया है, जहाँ मेरा मतलब है:

स्क्रीनशॉट


संभवतः Stackoverflow पर बेहतर है?
साढ़े

मुझे लगा कि पहली बार में यह वेब-देव से संबंधित प्रतीत होता है, लेकिन मुझे जो समस्या है वह वास्तव में विकास के साथ नहीं है, बल्कि स्वयं क्रोम का उपयोग कर रहा है।
लेव

व्यापार के उपकरण भी SO पर योग्य हैं।
stolsvik

2
New.crbug.com पर बग दर्ज करें । या आप इसे wkbug.com/new पर अपस्ट्रीम में दर्ज कर सकते हैं । अपने उपयोग के मामले को बताएं कि आपने यहां क्या किया है, और मुझे यकीन है कि यह अंततः तय हो जाएगा।
मथियास बीनेंस

1
DevTools टेक लेखक यहाँ। FYI करें मैं [google-chrome-developer-tools]टैग का उपयोग करके स्टैक ओवरफ्लो जैसे प्रश्न पोस्ट करने की सलाह देता हूं । हम उस चैनल की निगरानी करते हैं, लेकिन यह एक नहीं।
कायस बेसिक

जवाबों:


40

कुछ स्तंभों में एक प्राथमिक फ़ील्ड और एक द्वितीयक फ़ील्ड (समय और विलंबता, उदाहरण के लिए) होती है। बड़े संसाधन पंक्तियों के साथ नेटवर्क तालिका को देखने पर दोनों फ़ील्ड दिखाए जाते हैं; छोटी संसाधन पंक्तियों का उपयोग करते समय केवल प्राथमिक फ़ील्ड दिखाई जाती है।

https://developer.chrome.com/devtools/docs/network#network-panel-overview

क्रोम देव टूल्स स्क्रीनशॉट क्रोम के नए संस्करणों के साथ अब यह यहां छिपा है: क्रोम देव टूल्स स्क्रीनशॉट नया चरण 1 क्रोम देव टूल्स स्क्रीनशॉट नया चरण 2

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes


1
उत्तर का सार अभी भी सही है लेकिन बाद के आगंतुकों के लिए, GUI बदल गया है। (क्रोम 78 में कम से कम, मैं यह नहीं कह सकता कि कब पेश किया गया), विकल्प अब नेटवर्क सेटिंग्स (नेटवर्क टैब के शीर्ष दाईं ओर गियर टैब), 1 चेकबॉक्स में पाया जाता है, जिसका शीर्षक "[] बड़े अनुरोध पंक्ति का उपयोग करें"
Daryn

4

वर्तमान में यह संभव नहीं है। हालाँकि, क्रोम देव उपकरणों (जैसे, https://developers.google.com/chrome-developer-tools/ ) पर सक्रिय कार्य किया जा रहा है और आप इस सुविधा के विकल्प के लिए एक सुझाव दे सकते हैं।


2

क्रोम और फ़ायरफ़ॉक्स दोनों में आप नेटवर्क की जानकारी को HAR (HTTP संग्रह) के रूप में राइट-क्लिक कर सकते हैं और सहेज सकते हैं। उस HAR फ़ाइल को मैन्युअल रूप से, स्क्रिप्ट के साथ या कई HAR दर्शकों में से एक के साथ संसाधित किया जा सकता है और इसमें पूर्ण URL होता है।

Google के पास एक महान ऑनलाइन HAR रीडर है जो प्रत्येक अनुरोध का पूरा URL दिखाएगा: https://toolbox.googleapps.com/apps/har_analyzer/

तो पूरा URL देखने के लिए:

  • इंसर्ट> नेटवर्क> राइट-क्लिक> एज़ हर के माध्यम से सहेजें / निर्यात करें।
  • HAR विश्लेषक में HAR लोड करें ।
  • आवश्यकतानुसार तालिका कोशिकाओं / पंक्तियों और कॉपी / पेस्ट को क्रमबद्ध / हाइलाइट करें।

1

मुझे यह बताने में खुशी हुई कि यह सुविधा अब फ़ायरफ़ॉक्स में उपलब्ध है।

मुझे पता है कि यह क्रोम नहीं है, लेकिन मेरे लिए यह बेहतर है।

फ़ायरफ़ॉक्स नाइटली 69 ऐसा कर सकता है। बस कॉलम पर राइट क्लिक करें और URL चुनें।

एफएफ 69

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155


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

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

0

यह ऐसा कुछ नहीं है जो क्रोम में किया जा सकता है, क्षमा करें। इसके अलावा, डेवलपर पैनल में किए जाने वाले किसी भी बदलाव के बारे में कोई शब्द नहीं दिया गया है, इसलिए मुझे उम्मीद नहीं है कि यह जल्द ही जोड़ा जाएगा।

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