Web Chrome Web Inspector Debugowanie gniazda

Question

Mogę użyć karty Sieć w Google Chrome Web Inspector do debugowania ruchu sieciowego (żądania AJAX itp.). Mogę sprawdzić, jakie dane są łatwo przesyłane. Ale websocket połączenia pokazują tylko jak

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

i nie widzę przesyłanych danych. Czy w Google Chrome jest wbudowana funkcja sprawdzania przesyłanych danych? Czy muszę używać Wireshark?

PS: Używam najnowszej stabilnej wersji (16.0.912.75). Jeśli nowsza wersja (beta/dev) ma takie funkcje, byłoby miło.

Answer 1

Chrome i Chrom mają teraz kontrolę ramki wiadomości WebSocket. Oto kroki, aby przetestować go szybko:

1. Przejdź do WebSocket Echo demo, hostowane na stronie websocket.org.
2. Włącz narzędzia dla programistów w przeglądarce Chrome.
3. Kliknij Network, włącz filtr (3rd ikonę z lewej strony na górze Dev Narzędzia), aby filtrować ruch pokazany przez Developer Tools i kliknij WebSockets.
4. W wersji demonstracyjnej echa kliknij Połącz. Na karcie Nagłówki w Google Dev Tool możesz sprawdzić uścisk WebSocket.
5. Kliknij przycisk Wyślij w wersji demonstracyjnej Echo.
6. Aby wyświetlić ramki WebSocket w Narzędziach programisty Chrome, w obszarze Nazwa kliknij wpis odpowiadający Twojemu połączeniu z WebSocket. Spowoduje to odświeżenie głównego panelu po prawej stronie i sprawi, że karta WebSocket Frames wyświetli się z rzeczywistą treścią wiadomości WebSocket.

Wysłałem również steps with screen shots and video.

Answer 2

Po kilku dalszych badań znalazłem duplikat pytanie tutaj: Debugging WebSocket in Google Chrome

Chrome does't wsparcia oglądania ruchu w obecnej wersji stabilnej. Potrzebuję użyć Wireshark.