क्रोम वेब इंस्पेक्टर वेब सॉकेट डिबगिंग

Question

मैं नेटवर्क ट्रैफिक (AJAX अनुरोध इत्यादि) डीबग करने के लिए Google क्रोम वेब इंस्पेक्टर में नेटवर्क टैब का उपयोग कर सकता हूं। मैं जांच सकता हूं कि कौन सा डेटा आसानी से स्थानांतरित किया जाता है। लेकिन WebSocket कनेक्शन केवल दिखाने के रूप में

Request URL:ws://localhost/... 
Request Method:GET 
Status Code:101 Switching Protocols 
... 

और मैं स्थानांतरित डेटा नहीं देख सकता। क्या ट्रांसफर डेटा का निरीक्षण करने के लिए Google क्रोम में सुविधा में कोई निर्माण है? या मुझे वायरशर्क का उपयोग करने की ज़रूरत है?

पीएस: मैं नवीनतम स्थिर संस्करण (16.0.912.75) का उपयोग कर रहा हूं। यदि एक नया संस्करण (बीटा/देव) में यह विशेषताएं हैं, तो यह अच्छा होगा।

Answer 1

क्रोम और क्रोमियम में अब वेबसाकेट संदेश फ्रेम निरीक्षण है।

1. नेविगेट WebSocket Echo demo को, websocket.org साइट पर होस्ट: यहाँ यह जल्दी से परीक्षण करने के लिए कदम हैं।
2. क्रोम डेवलपर टूल्स चालू करें।
3. क्लिक करें नेटवर्क, फिल्टर यातायात डेवलपर उपकरण द्वारा दिखाए गए फिल्टर करने के लिए (देव उपकरण के शीर्ष पर बाएं से 3 आइकन) सक्षम करें, और WebSockets क्लिक करें।
4. इको डेमो में, पर क्लिक करें कनेक्ट करें। Google देव उपकरण में हेडर टैब पर आप वेबसॉकेट हैंडशेक का निरीक्षण कर सकते हैं।
5. पर क्लिक करें इको डेमो में बटन भेजें।
6. नाम के तहत क्रोम डेवलपर टूल में वेबसॉकेट फ्रेम देखने के लिए, अपने वेबसाकेट कनेक्शन का प्रतिनिधित्व करने वाली प्रविष्टि पर क्लिक करें। यह दाईं ओर मुख्य पैनल को रीफ्रेश करता है और वेबस्केट फ्रेम्स टैब को वास्तविक वेबसॉकेट संदेश सामग्री के साथ दिखाता है।

मैंने steps with screen shots and video भी पोस्ट किया।

Answer 2

कुछ और अनुसंधान के बाद मैं यहाँ एक नकली सवाल पाया: Debugging WebSocket in Google Chrome

क्रोम वर्तमान स्थिर संस्करण में ट्रैफ़िक दिखाई देता समर्थन शामिल नहीं है। मुझे वायरशर्क का उपयोग करने की ज़रूरत है।