क्रोम डेवलपर टूल में AJAX प्रतिक्रिया सामग्री देखें?

Question

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

क्रोम में, मैं केवल अनुरोधों को देखने में सक्षम हूं, जवाब नहीं। जब मैं प्रतिक्रिया की जांच करने का प्रयास करता हूं तो UI केवल "कोई सामग्री उपलब्ध नहीं है" (डेवलपर टूल> संसाधन> myRequest.php> सामग्री) प्रदर्शित करता है। क्या क्रोम डेवलपर टूल इन अनुरोधों को याद रखने के लिए मुझे कुछ चालू करना है?

संपादित करें: यदि यह महत्वपूर्ण है, तो ये अनुरोध फ़्लैश ऑब्जेक्ट के अंदर किए जा रहे हैं।

Answer 1

AJAX प्रतिक्रियाओं की सामग्री तब तक दिखाई नहीं दे रही है जब अनुरोध प्लगइन द्वारा उत्पन्न होता है। कुछ मौका है कि यह समस्या जल्द ही तय की जाएगी।

Answer 2

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

Answer 3

आप गूगल क्रोम का एक डेव चैनल पर हैं:

http://www.chromium.org/getting-involved/dev-channel

... आप में सक्षम होना चाहिए डेवलपर टूल कंसोल में राइट क्लिक करें, और "XMLHttpRequest लॉगिंग सक्षम करें" क्लिक करें।

एक बार यह सक्षम हो जाने पर, आप कंसोल में एक्सएचआर अनुरोध देखेंगे, और संसाधन संसाधन पर जाने के लिए उन पर क्लिक करने में सक्षम होंगे, जहां आप एक एक्सएचआर की सामग्री देख पाएंगे।

Answer 4

असफल कॉलबैक में, पहले पैरामीटर में प्रतिक्रिया टेक्स्ट नामक एक संपत्ति होती है।

Answer 5

मुझे एक ही समस्या का सामना करना पड़ा: फ़्लैश + JSON प्रतिक्रिया से पोस्ट अनुरोध + क्रोम निरीक्षक में कोई प्रतिक्रिया प्रदर्शित नहीं हुई। हालांकि एफएफ + फायरबग के साथ कोई समस्या नहीं है।

charset = utf-8 सामग्री प्रकार के जवाब हेडर में मेरे लिए समस्या हल जोड़ना:

सामग्री प्रकार: आवेदन/json; charset = utf-8

मुझे यकीन नहीं है कि यह इस मुद्दे के लिए उचित समाधान है, लेकिन कम से कम मैं अब क्रोम इंस्पेक्टर में JSON प्रतिक्रिया देख पा रहा हूं।

Answer 6

मैं क्योंकि स्क्रिप्ट के द्वारा

die(); 

Answer 7

खाली डेटा भेज रही थी खाली प्रतिक्रिया थी आप जो देख रहा हो सकता है केवल एक CORS अनुरोध के OPTIONS अनुरोध गूगल क्रोम निरीक्षक द्वारा एक XHR अनुरोध के रूप में इलाज किया जा रहा है। इसलिए यदि आप एक्सएचआर अनुरोधों द्वारा फ़िल्टर करते हैं, तो आप केवल प्रारंभिक विकल्प प्रीफलाइट अनुरोध देख सकते हैं, जिनकी प्रतिक्रिया में कोई सामग्री नहीं है, और भ्रमित हो जाते हैं क्योंकि ऐसा लगता है कि क्रोम प्रतिक्रिया दिखाने से इंकार कर रहा है। फ़िल्टर को अक्षम करें और उसी यूआरएल के लिए अगले अनुरोध पर जाएं, जो कि उस सीओआरएस प्रीफलाइट अनुरोध से संबंधित "असली" अनुरोध होगा।

Answer 8

कारण क्रोम में ही नहीं हो सकता है, लेकिन पूर्वावलोकन जेएस कोड द्वारा भी रोका जा सकता है। उदाहरण के लिए, Vue.js के लिए vue-resorcese नामक कुछ प्लगइन है, और इसमें यह समस्या थी: Chrome, no response data after OPTIONS request? मैं आज इस प्रश्न को तब तक कई महीने तक इस मुद्दे के साथ रहा।वर्तमान प्रश्न ने कभी जवाब नहीं दिया, इसलिए अब मैं इसे यहां साझा करता हूं।

विवरण:

if ('responseType' in xhr && SUPPORTS_BLOB) { 
     xhr.responseType = 'blob'; 
} 

इस कोड को ठीक था और पूर्वावलोकन काम किया लेकिन कुछ क्रोम अद्यतन जब तक: इस प्लगइन अगले कोड है कि एक्सएचआर वस्तु बनाता था। आज जब मैंने इस पर टिप्पणी की, पूर्वावलोकन फिर से दिखाई दिया! तो सबसे पहले, अपने एक्सएचआर रैपर को जांचने का प्रयास करें, हो सकता है कि इसमें ऐसा कुछ हो।

यह दुर्लभ मुद्दा था क्योंकि इसे केवल सीओआरएस प्रीफलाइट के साथ पुन: उत्पन्न किया गया था। बीटीडब्ल्यू OPTIONS XHR और REPLAY पर राइट क्लिक करके पूर्वावलोकन भी दिखाया गया।

वहाँ आपके पास