Strumenti di rete in F12 Developer Tools di Edge browser

Sommario:

Strumenti di rete in F12 Developer Tools di Edge browser
Strumenti di rete in F12 Developer Tools di Edge browser

Video: Strumenti di rete in F12 Developer Tools di Edge browser

Video: Strumenti di rete in F12 Developer Tools di Edge browser
Video: Disattivare la schermata di blocco su Windows 8/8.1/10 (no 1607+) - YouTube 2024, Aprile
Anonim

Microsoft ha recentemente annunciato nuovi strumenti di rete migliorati in Strumenti di sviluppo F12 per il nuovo Browser Microsoft Edge nel Windows 10 dopo una grande richiesta da parte degli sviluppatori. Come sviluppatore, hai tutti i motivi per sentirti eccitato e ora puoi lavorare su un set migliorato di strumenti.

Diamo un'occhiata ad alcuni dei principali miglioramenti che Microsoft ha acquistato.

Strumenti di sviluppo Microsoft Edge F12

Anche se sei un principiante, troverai estremamente facile accedere allo sviluppatore Microsoft Edge F12 in quanto ci sono pochissimi passaggi da seguire. Tutto quello che devi fare è cliccare e aprire il Più azioni menu e selezionare Strumenti di sviluppo F12 ”. Ciò avvierà automaticamente gli strumenti sganciati.

Miglioramento degli strumenti di rete in Edge

Image
Image

Il primo passo compiuto da Microsoft sui miglioramenti riguarda la riprogettazione degli strumenti di rete in modo che gli sviluppatori possano ottenere un'esperienza più pulita. Successivamente, il team di Microsoft ha anche aggiunto un Start e Stop pulsante della barra degli strumenti per fornire maggiore flessibilità agli sviluppatori mentre si gestiscono il traffico di rete basato su HTTP.

Image
Image

C'è anche un nuovo pulsante chiamato " Filtro del tipo di contenuto"Che è stato aggiunto per consentire agli sviluppatori di inserire il filtro e ottenere solo il tipo di traffico desiderato. In questo modo è possibile saltare molte chiamate di rete non correlate e allo stesso tempo ottenere informazioni rilevanti sul tipo e sul numero di errori di rete, numero di richieste, dimensioni dei trasferimenti dei dati di risposta e tempi di download ecc.

Puoi anche esportare e tenere traccia di tutte le informazioni in un file HAR JSON.

Image
Image
Image
Image

Notevoli miglioramenti agli strumenti per sviluppatori F12 per Microsoft Edge

Gli elenchi di elementi avanzati inclusi in New Microsoft Edge sono i seguenti:

  • Aggiorna sempre dal server: Questa funzionalità garantisce che si stia testando l'ultima versione di una risorsa dal server anziché obsoleta.
  • Cancella cache e cookie: Questo assicura che la cache del browser sia chiara prima di caricare la pagina successiva e puoi cancellare i cookie con la scorciatoia senza nemmeno andare alle impostazioni del browser
  • Sessione chiara- È possibile utilizzare il pulsante di annullamento della sessione per cancellare le informazioni sul traffico di rete registrate durante la sessione
  • Cancella le voci sulla navigazione- Con questa funzione è possibile concentrarsi solo sulle risorse che sono state caricate durante l'aggiornamento o la navigazione dell'ultima pagina. Puoi persino confrontare questo con l'ultima sessione semplicemente disattivando questa funzione

Inclusione della vista sommaria negli strumenti di rete

  • Nome: Include il nome e l'URL della risorsa richiesta
  • Protocollo: Include il protocollo che viene utilizzato per richiedere la risorsa
  • Metodo: Mostra il metodo HTTP utilizzato nella richiesta
  • Risultato: Mostra il codice di stato della risposta e il messaggio di testo restituiti dal server
  • Tipo di contenuto: Visualizza il tipo MIME della risposta restituita dal server
  • ricevuto: La dimensione totale del payload della risposta fornita dal server
  • Tempo: Visualizza il tempo impiegato dalla risorsa per ottenere il download
  • Tempi: Mostra la rappresentazione grafica dell'attività di rete verificatasi nel tempo
Nel caso in cui se sei interessato a una visualizzazione più dettagliata delle informazioni, puoi andare a Visualizzazione dettagli invece di Visualizzazione sommario. Informazioni come intestazione, corpo e parametri, ecc. Vengono visualizzate in diverse sezioni della vista di dettaglio. Tutto quello che devi fare è fare doppio clic sulla richiesta e leggere le informazioni dal pannello laterale.
Nel caso in cui se sei interessato a una visualizzazione più dettagliata delle informazioni, puoi andare a Visualizzazione dettagli invece di Visualizzazione sommario. Informazioni come intestazione, corpo e parametri, ecc. Vengono visualizzate in diverse sezioni della vista di dettaglio. Tutto quello che devi fare è fare doppio clic sulla richiesta e leggere le informazioni dal pannello laterale.
Una cosa fondamentale da notare qui, afferma Microsoft, è che queste nuove funzionalità avanzate degli strumenti di rete sono disponibili anche in ambiente IE11 e Edge.
Una cosa fondamentale da notare qui, afferma Microsoft, è che queste nuove funzionalità avanzate degli strumenti di rete sono disponibili anche in ambiente IE11 e Edge.

Ora vedi come puoi cambiare User Agent, Mode, Display, Geolocation in Edge Developer Tools.

Articoli correlati:

  • Suggerimenti e trucchi per Edge Browser per Windows 10
  • Edge vs Firefox: quale è meglio per Windows 10?
  • Impostazioni della privacy in Edge Browser su Windows 10
  • Nuove funzionalità di Microsoft Edge su Windows 10 Anniversary Update
  • Cambia utente, modalità, visualizzazione, geolocalizzazione in Strumenti per sviluppatori Edge

Consigliato: