मैं Chrome में HTTP POST को कैसे डीबग कर सकता हूं?

Question

मैं Chrome में भेजे गए HTTP POST डेटा को देखना चाहूंगा।

डेटा अब मेमोरी में है, और मेरे पास फॉर्म को फिर से सबमिट करने की क्षमता है।

मुझे पता है कि अगर मैं पुनः सबमिट करता हूं तो सर्वर एक एरर फेंक देगा, क्या वैसे भी मैं उस डेटा को देख सकता हूं जो क्रोम की मेमोरी में है?

Comments

यहाँ नेटवर्क टैब पर कैसे जाएं, इस पर एक अच्छा वीडियो-जिफ़ उदाहरण है: wpza.net/use-google-chrome-to-capture-post-data-in-wordpress

— WPZA

Answer 1

1. Chrome डेवलपर टूल (Chrome मेनू -> अधिक टूल -> डेवलपर टूल) पर जाएं
2. "नेटवर्क" टैब चुनें
3. उस पृष्ठ को ताज़ा करें जिस पर आप हैं
4. जब नेटवर्क कंसोल चालू था, तब आपको http प्रश्नों की सूची मिलेगी। बाईं ओर उनमें से एक का चयन करें
5. "हेडर" टैब चुनें

देखा!

Comments

यह GET है, POST नहीं

— QkiZ

यह GET और POST दोनों अनुरोधों को प्राप्त करता है, @QkiZ

— almulo

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

— ब्रायस गुइंटा

मुझे यहाँ अनुरोध निकाय की याद आ रही है? :-(

— टिमो

Chrome 71 में, निकाय (अर्थात। POST-ed डेटा) "अनुरोध पेलोड" शीर्षक के तहत हेडर टैब के नीचे दिखाई देता है।

— MSC

Answer 2

आप Chrome DevTools के साथ HTTP POST अनुरोधों के लिए फ़िल्टर कर सकते हैं । बस निम्नलिखित करें:

1. Chrome DevTools ( Cmd+ Opt+ IMac, Ctrl+ Shift+ Iया F12विंडोज पर) खोलें और "नेटवर्क" टैब पर क्लिक करें
2. "फ़िल्टर" आइकन पर क्लिक करें
3. अपनी फ़िल्टर विधि दर्ज करें: method:POST
4. उस अनुरोध का चयन करें जिसे आप डीबग करना चाहते हैं
5. उस अनुरोध का विवरण देखें जिसे आप डीबग करना चाहते हैं

स्क्रीनशॉट

क्रोम संस्करण 53 के साथ परीक्षण किया गया।

Comments

Chrome 70 पर काम किया गया। फ़िल्टरिंग method:POSTबहुत उपयोगी है

— user1071847

Answer 3

POST अनुरोधों के पेलोड को देखने के लिए आप Chrome के कैनरी संस्करण का उपयोग कर सकते हैं ।

Comments

क्या इस पर अधिक विवरण के लिए कोई लिंक है या जब यह बदल गया है? संपादित करें: मेरे अपने प्रश्न का उत्तर दिया। यदि आप Fetch API का उपयोग कर रहे हैं, तो Chrome टैब में दिखाने के लिए इन अनुरोधों को कैप्चर नहीं कर रहा था । जाहिरा तौर पर कैनरी जल्द ही होगी या होगी।

— वर्चुअलंडी

अब यह क्रोम के मानक बिल्ड में ही उपलब्ध है!

— नचिकेता

Answer 4

एक अन्य विकल्प जो उपयोगी हो सकता है वह एक समर्पित HTTP डिबगिंग टूल है। वहाँ कुछ उपलब्ध है, मैं सुझाव दूंगा HTTP टूलकिट : एक ओपन-सोर्स प्रोजेक्ट जो मैं काम कर रहा हूं (हाँ, मैं पक्षपाती हो सकता हूं) अपने लिए इसी समस्या को हल करने के लिए।

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

इस स्थिति के लिए, यह आपको पूर्ण POST निकाय दिखाएगा जो आप एक अनुकूल संपादक और हाइलाइटिंग ( वीएस कोड द्वारा संचालित ) के साथ देख रहे हैं ताकि आप चारों ओर खुदाई कर सकें। यह आपको अनुरोध और प्रतिक्रिया हेडर जरूर देगा, लेकिन हर मानक हेडर और स्टेटस कोड के लिए एमडीएन ( मोज़िला डेवलपर नेटवर्क ) से डॉक्स जैसी अतिरिक्त जानकारी के साथ आप देख सकते हैं।

एक तस्वीर एक हजार StackOverflow जवाब के लायक है:

Comments

बहुत होनहार लग रहा है, लेकिन मेरी मशीन पर कुछ मुद्दे हैं, उन्हें GitHub पर पोस्ट किया है।

— userlond

Answer 5

अन्य लोगों ने बहुत अच्छे उत्तर दिए, लेकिन मैं एक अतिरिक्त विकास उपकरण के साथ अपना काम पूरा करना चाहूंगा। इसे लाइव HTTP हेडर्स कहा जाता है और आप इसे अपने फ़ायरफ़ॉक्स में स्थापित कर सकते हैं , और क्रोम में हमारे पास इस तरह से एक ही प्लग है ।

इसके साथ काम करना आसान है।

1. अपने फ़ायरफ़ॉक्स का उपयोग करके, उस वेबसाइट पर नेविगेट करें जिसे आप अपना पोस्ट अनुरोध प्राप्त करना चाहते हैं।

2. आपके फ़ायरफ़ॉक्स मेनू टूल में-> लाइव एचटीपी हेडर्स

3. आपके लिए एक नई विंडो पॉप अप, और आपके लिए सभी http विधि विवरण इस विंडो में सहेजे जाएंगे। आपको इस चरण में कुछ भी करने की आवश्यकता नहीं है।

4. वेबसाइट में, एक गतिविधि करें (लॉग इन करें, फॉर्म सबमिट करें, आदि)

5. विंडो में अपने प्लग को देखें। यह सब दर्ज है।

बस आप की जरूरत है याद जाँच कब्जा ।

Answer 6

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

समाधान: पोस्ट फॉर्म जमा करने से पहले, आपको अपना नेटवर्क काटने की जरूरत है , जिससे अनुरोध सफलतापूर्वक नहीं भेजा जा सकेगा ताकि टैब बंद न हो। और फिर आप क्रोम देवटूल में अनुरोध संदेश पर कब्जा कर सकते हैं (यदि आवश्यक हो तो नए टैब को रिफ्रेश करके)