Czy istnieje sposób lub rozszerzenie, które pozwala mi obserwować „ruch” przechodzący przez WebSocket? Do celów debugowania chciałbym zobaczyć żądania / odpowiedzi klienta i serwera.
google-chrome
websocket
łagodny
źródło
źródło
Chrome Canary i Chromium mają teraz funkcję kontroli ramki wiadomości WebSocket. Oto kroki, aby szybko to przetestować:
Uwaga : Za każdym razem, gdy wysyłasz lub odbierasz nowe wiadomości, musisz odświeżyć panel główny, klikając pozycję echo.websocket.org po lewej stronie.
Opublikowałem również kroki ze zrzutami ekranu i wideo .
Moja niedawno opublikowana książka, The Definitive Guide to HTML5 WebSocket , zawiera również dedykowany dodatek obejmujący różne narzędzia inspekcyjne, w tym Chrome Dev Tools, Chrome net-internals i Wire Shark.
źródło
Wygląda na to, że ciągle zmieniają rzeczy w Chrome, ale oto, co teraz działa :-)
Najpierw musisz kliknąć czerwony przycisk nagrywania, inaczej nic nie dostaniesz.
Nigdy
WS
wcześniej tego nie zauważyłem, ale odfiltrowuje połączenia gniazd sieciowych.Wybierz, a następnie zobaczysz ramki, które pokażą Ci komunikaty o błędach itp.
źródło
Jeśli nie masz strony, która ma dostęp do gniazda sieciowego, możesz otworzyć konsolę Chrome i wpisać JavaScript w:
Spowoduje to otwarcie gniazda sieciowego, dzięki czemu będzie można go zobaczyć na karcie sieci i w konsoli.
źródło
Inne odpowiedzi dotyczą najczęstszego scenariusza: obejrzyj zawartość ramek (Narzędzia dla programistów -> karta Sieć -> kliknij prawym przyciskiem myszy połączenie WebSocket -> ramki).
Jeśli chcesz dowiedzieć się więcej informacji, na przykład, które gniazda są obecnie otwarte / bezczynne lub możesz je zamknąć, przekonasz się, że ten adres URL jest przydatny
źródło
Masz 3 opcje: Chrome (za pomocą Narzędzi dla programistów -> karta Sieć), Wireshark i Fiddler (za pomocą karty Dziennik), jednak wszystkie są bardzo proste. Jeśli masz bardzo duży ruch lub każda ramka jest bardzo duża, bardzo trudno jest je wykorzystać do debugowania.
Możesz jednak użyć narzędzia Fiddler z narzędziem FiddlerScript, aby sprawdzić ruch WebSocket w taki sam sposób, w jaki kontrolujesz ruch HTTP. Zaletą tego rozwiązania jest to, że można wykorzystać wiele innych funkcji Fiddlera, takich jak wiele inspektorów (HexView, JSON, SyntaxView), porównywać pakiety i znajdować pakiety itp.
Proszę odnieść się do mojego niedawno napisanego artykułu na CodeProject, który pokazuje, jak debugować / sprawdzać ruch WebSocket za pomocą Fiddler (z FiddlerScript). http://www.codeproject.com/Articles/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler
źródło
Właśnie to publikuję, ponieważ Chrome dużo się zmienia i żadna z odpowiedzi nie była dość aktualna.
źródło
Krótka odpowiedź dla Chrome w wersji 29 i nowszych:
źródło
Narzędzia dla programistów Chrome pozwalają zobaczyć żądanie uzgadniania, które pozostaje w toku podczas otwartego połączenia, ale o ile wiem, nie widać ruchu. Możesz go jednak obwąchać na przykład.
źródło
Użyłem rozszerzenia Chrome o nazwie Simple WebSocket Client v0.1.3, które zostało opublikowane przez użytkownika hakobera. Jest bardzo prosty w użyciu, ponieważ umożliwia otwieranie gniazd sieciowych pod danym adresem URL, wysyłanie wiadomości i zamykanie połączenia gniazdowego. To jest bardzo minimalistyczne.
źródło
Jeśli chodzi o narzędzie, którego zacząłem używać, proponuję firecamp Jest jak Postman, ale obsługuje również websockets i socket.io.
źródło