2009-05-26 12 views
7

मैं कुछ ढूंढ रहा हूं (अधिमानतः एक फ़ायरफ़ॉक्स एक्सटेंशन) जो मुझे सभी AJAX सबरेक्वेस्ट देखने की अनुमति देगा। असल में, कभी भी एक XMLHTTPRequest() बनाया जाता है, मैं जानना चाहता हूं कि कौन से यूआरएल का अनुरोध किया जा रहा था और क्या (अगर कोई है) इसके साथ प्राप्त करें और पोस्ट वार पास किए गए।यह देखने का एक आसान तरीका क्या है कि AJAX कॉल किए जा रहे हैं?

जब तक मैं इसे याद नहीं कर रहा हूं, मुझे फ़ायरबग या वेब डेवलपर टूलबार में ऐसा कुछ भी दिखाई नहीं देता है।

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

उत्तर

29

Firebug इसे नेट पैनल में दिखाना चाहिए।

संपादित: इसके अलावा, अगर Firebug एक तरीका है कि, यह व्यर्थ बना देता है, जैसे कि यह कभी कभी मेरे लिए करता WireShark (पूर्व ईथर) में अपने Firefox धीमा अपने सिस्टम पर सभी नेटवर्क यातायात का विश्लेषण करेगा HTTP और AJAX अनुरोध सहित, ।

10

Fiddler 2 HTTP ट्रैफ़िक देखने के लिए एक शानदार टूल है।

* 2014 अद्यतन *

मेरी मूल पोस्ट के बाद से, दोनों इंटरनेट एक्सप्लोरर और क्रोम को शामिल किया है अंतर्निहित डेवलपर उपकरण है कि काफी उपयोगी होते हैं। जबकि मैं अभी भी गैर-वेब से संबंधित http निगरानी के लिए फिडलर का समर्थन करता हूं और उपयोग करता हूं या जब मुझे ट्रांजिट में अनुरोधों को गहराई से संशोधित करने और संशोधित करने की आवश्यकता होती है, तो इन दिनों मुझे आईई या क्रोम के इन टूल्स टूल्स का उपयोग करके बहुत अधिक लगता है क्योंकि वे 99% मेरी जरूरतों का उनके पास एक नेटवर्किंग टैब है, जहां आप http अनुरोधों की निगरानी कर सकते हैं, साथ ही वेबपृष्ठों को डीबग करने के लिए अन्य निफ्टी फीचर्स भी देख सकते हैं।

+2

+1, फिडलर प्रत्येक ब्राउज़र के साथ काम करता है, फ़ायरबग एफएफ –

+0

से जुड़ा हुआ है। शायद यह उल्लेख करने लायक है कि फ़ायरफ़ॉक्स में एड-ऑन इंस्टॉल करने की आवश्यकता के बिना अपने स्वयं के अंतर्निहित डेवलपर टूल भी हैं। नेटवर्क अनुरोध देखने के लिए Ctrl-Shift-Q दबाएं। – Mike

6

फ़ायरबग उन्हें नेट पैनल और कंसोल दृश्य दोनों में दिखाता है। यद्यपि आपको "XMLHttpRequests दिखाएं" चालू करने की आवश्यकता है।

7

मैंने वहां लगभग सभी बड़े उपकरण (फिडलर, फायरबग, httpfox, लाइव http शीर्षलेख) का उपयोग किया है। मेरी राय में सबसे अच्छा HTTPFox है यदि आप फ़ायरफ़ॉक्स का उपयोग कर रहे हैं क्योंकि इसमें आसान फ़िल्टरिंग क्षमताएं हैं, तो आप अपने JSON को अनुरोध/प्रतिक्रिया को कच्चे या स्वरूपित के रूप में देखने की अनुमति देते हैं और अधिकतर इंटरफ़ेस बहुत साफ है।

इसके अलावा, मैं वेब सेवाओं और AJAX सामानों का परीक्षण करने के लिए WFetch के बिना नहीं कर सकता। आमतौर पर मैं HTTPFox से अनुरोध लेता हूं और इसे WFetch में पेस्ट करता हूं। इस तरह मुझे हर बार ब्राउज़र के माध्यम से जाना नहीं है। मैंने अनुरोध को फिर से चलाने के लिए WFetch में F5 को मारा और मैं सीधे अनुरोध को संशोधित करता हूं।

साइड नोट: WFetch में, यदि आपके पास पोस्ट पेलोड है तो सामग्री-लंबाई के बारे में सावधान रहें। यदि आप पेलोड को संशोधित करते हैं तो सामग्री-लंबाई को उचित के रूप में बदला जाना चाहिए। इस कारण से मैं फ़ाइल में अपने अनुरोधों को सहेजता हूं और फ़ाइल में WFetch को इंगित करता हूं। फ़ाइल में ही लाइन की लंबाई जानना और उसमें सामग्री-लंबाई बदलना आसान है।

alt text http://blog.koreus.com/wp-content/uploads/2008/09/httpfox.png

alt text http://www.port80software.com/assets/images/ld_wfetch3.gif

2

रूप में अच्छी तरह छेड़छाड़ डाटा पर एक नज़र डालें। यह एक फ़ायरफ़ॉक्स एड-ऑन है जो आपको प्रत्येक व्यक्तिगत HTTP अनुरोध (किसी भी पोस्ट डेटा सहित) और प्रतिक्रिया, और दोनों के शीर्षकों पर एक नज़र डालने देता है। मुझे एजेक्स समस्याओं को डीबग करने के लिए यह बहुत उपयोगी पाया गया है ... हालांकि फायरबग ठीक काम करता है।

संबंधित मुद्दे

 संबंधित मुद्दे