Noen dager siden Firefox DevTools utviklingsteam avduket den nye WebSocket Inspector for Firefox, planlagt å bli utgitt for Firefox versjon 71. Den nye funksjonen er tilgjengelig som API og lar deg opprette en vedvarende forbindelse mellom en klient og en server.
Fordi API-en når som helst sender og mottar data, Den brukes hovedsakelig i applikasjoner som krever sanntidskommunikasjon. I følge utviklerne av funksjonen, selv om det er mulig å jobbe direkte med API, er noen eksisterende biblioteker nyttige og sparer tid. Disse bibliotekene kan hjelpe med tilkobling, proxy, autentisering og autorisasjonsfeil, skalerbarhet og mer.
Firefox DevTools WebSocket Inspector støtter for øyeblikket Socket.IO og SockJS Og ifølge utviklingsteamet vil andre medier snart bli støttet, inkludert SignalR og WAMP.
WebSocket Inspector det er en del av brukergrensesnittet til "Nettverk" -panelet i DevToolsMens du allerede kunne filtrere innholdet for åpne WS-tilkoblinger i dette panelet, men inntil nå var det ingen mulighet for å se de faktiske dataene som ble overført gjennom WS-rammer.
Om WebSocket Inspector
Den nye WebSocket Inspector støtter for øyeblikket Socket.IO, SockJS og JSON og ifølge utviklingsteamet, gradvis få mer støtte, inkludert SignalR og WAMP. Nyttige data basert på disse protokollene analyseres og vises som et utvidbart tre for enkel inspeksjon. Imidlertid kan du fremdeles se rådataene (slik de er sendt inn i feeden).
WebSocket Inspector Den har et brukergrensesnitt som tilbyr et nytt «Meldinger» -panel som kan brukes til å inspisere WS-rammene som er sendt og mottatt gjennom den valgte WS-forbindelsen.
I dette panelet av meldinger ", sendte rammedata vises med en grønn pil og mottatte rammer vises med en rød pil. For å fokusere på spesifikke meldinger er det mulig å filtrere rammene.
Mens "Data" og "Time" -kolonnene er synlige som standard, i mellomtiden tilbyr de muligheter for å tilpasse grensesnittet for å vise flere kolonner ved å høyreklikke på overskriften. Når du velger en blokk fra listen, vises en forhåndsvisning nederst i panelet "Meldinger".
På den annen side kan du også bruke Pause / Resume-knappen på verktøylinjen i nettverkspanelet for å stoppe avbrudd i trafikken.
Teamet av Firefox DevTools jobber fremdeles med noen punkter i denne versjonen. Disse inkluderer: en hendig binær dataviser, som indikerer lukkede tilkoblinger, flere protokoller (SignalR og WAMP som nevnt ovenfor) og eksporterende rammer.
WebSocket Inspector fortsetter å forbedre seg, men FireTox DevTools-teamet har allerede gjort det tilgjengelig for utviklere som vil prøve det før leveringsdato. WebSocket Inspector Den er tilgjengelig nå i Firefox Developer Edition 70. Den vil bli utgitt i Firefox 71. For noen utviklere er dette en viktig forbedring av Firefox-nettleseren.
Hvordan installere Firefox Developer Edition på Ubuntu og derivater?
For de som er interessert i å bruke WebSocket Inspector nå, kan du bare laste ned og installere Firefox Developer Edition.
For å gjøre dette, er det første de må gjøre åpne en terminal på systemet ditt (de kan gjøre det med tastekombinasjonen Ctrl + Alt + T) og i den skal vi skrive følgende kommando for å legge til følgende depot til systemet.
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora -y sudo apt update
Nå ganske enkelt Vi må utføre følgende kommando i terminalen:
sudo apt install firefox
Hvis du ikke vil legge til depotet eller avinstallere versjonen av Firefox som de har på systemet, kan laste ned Firefox Developer Edition-pakken, fra lenken under.
Etter det, vi må bare pakke ut pakken, Dette kan gjøres fra terminalen med følgende kommando:
tar xjf firefox-71.0b2.tar.bz2
Deretter går vi inn i katalogen med:
cd firefox
Og de kjører nettleseren med følgende kommando:
./firefox