Några dagar sen Firefox DevTools utvecklingsteam presenterade den nya WebSocket Inspector för Firefox, planeras släppas för Firefox version 71. Den nya funktionen är tillgängligt som ett API och låter dig skapa en beständig anslutning mellan en klient och en server.
Eftersom API: et skickar och tar emot data när som helst, Den används främst i applikationer som kräver kommunikation i realtid. Enligt utvecklarna av funktionen, även om det är möjligt att arbeta direkt med API: et, är vissa befintliga bibliotek användbara och sparar tid. Dessa bibliotek kan hjälpa till med anslutningar, proxy, autentiserings- och auktoriseringsfel, skalbarhet och mer.
Firefox DevTools WebSocket Inspector stöder för närvarande Socket.IO och SockJS Och enligt utvecklingsteamet kommer andra media att stödjas snart, inklusive SignalR och WAMP.
WebSocket Inspector det är en del av användargränssnittet på panelen "Nätverk" i DevToolsMedan du redan kunde filtrera innehållet för öppna WS-anslutningar i den här panelen, men hittills fanns det ingen möjlighet att se den faktiska data som överfördes genom WS-ramar.
Om WebSocket Inspector
Den nya WebSocket Inspector stöder för närvarande Socket.IO, SockJS och JSON och enligt utvecklingsteamet, gradvis ha mer stöd, inklusive SignalR och WAMP. Användbara data baserade på dessa protokoll analyseras och visas som ett expanderbart träd för enkel inspektion. Du kan dock fortfarande se rådata (som skickas i flödet).
WebSocket Inspector Det har ett användargränssnitt som erbjuder en ny «Meddelanden» -panel som kan användas för att inspektera de WS-ramar som skickas och tas emot via den valda WS-anslutningen.
I den här panelen av meddelanden ", skickad ramdata visas med en grön pil och mottagna ramar visas med en röd pil. För att fokusera på specifika meddelanden är det möjligt att filtrera ramarna.
Medan kolumnerna "Data" och "Time" är synliga som standard, under tiden erbjuder de alternativ för att anpassa gränssnittet för att visa fler kolumner genom att högerklicka på rubriken. När du väljer ett block från listan visas en förhandsgranskning längst ner på panelen "Meddelanden".
Å andra sidan kan du också använda Paus / Fortsätt-knappen i verktygsfältet på nätverkspanelen för att stoppa trafikavbrottet.
Teamet av Firefox DevTools arbetar fortfarande på vissa punkter i den här versionen. Dessa inkluderar: en praktisk binär datavisare som indikerar stängda anslutningar, fler protokoll (SignalR och WAMP som nämnts ovan) och exporterande ramar.
WebSocket Inspector fortsätter att förbättras, men FireTox DevTools-teamet har redan gjort det tillgängligt för utvecklare som vill prova det före leveransdatum. WebSocket Inspector Den är tillgänglig nu i Firefox Developer Edition 70. Den kommer att släppas i Firefox 71. För vissa utvecklare är detta en stor förbättring av Firefox-webbläsaren.
Hur man installerar Firefox Developer Edition på Ubuntu och derivat?
För de som är intresserade av att använda WebSocket Inspector nu, ladda ner och installera Firefox Developer Edition.
För att göra detta är det första de måste göra öppna en terminal på ditt system (de kan göra det med tangentkombinationen Ctrl + Alt + T) och i den ska vi skriva följande kommando för att lägga till följande förvar till systemet.
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora -y sudo apt update
Nu helt enkelt vi måste utföra följande kommando i terminalen:
sudo apt install firefox
Om du inte vill lägga till förvaret eller avinstallera deras version av Firefox som de har på systemet, kan ladda ner Firefox Developer Edition-paketet, från länken nedan.
Efter det, vi måste bara packa upp paketet, Detta kan göras från terminalen med följande kommando:
tar xjf firefox-71.0b2.tar.bz2
Sedan går vi in i katalogen med:
cd firefox
Och de kör webbläsaren med följande kommando:
./firefox