Viene introdotto il pannello di sicurezza in Chrome DevTools

Paul Bakaus
Paul Bakaus

Il team per la sicurezza di Chrome ha lavorato duro al lavoro (guarda il video qui sopra per una panoramica completa) per realizzare un futuro senza HTTP, un futuro in cui tu e i tuoi utenti potrete essere ragionevolmente certi che qualsiasi dato che invii al web rimanga tra te e il sito che stai visualizzando. E per rendere ancora più semplice la preparazione e l'accesso al glorioso futuro HTTPS, abbiamo reso la sicurezza una funzionalità fondamentale in DevTools.

Il nuovo riquadro di sicurezza.

Il nuovo riquadro Sicurezza introdotto in Chrome 48 semplifica notevolmente la visualizzazione di eventuali problemi con certificati e contenuti misti. Puoi accedere direttamente in DevTools oppure facendo clic sull'icona lucchetto nella barra degli URL e poi sul link "Dettagli".

Risoluzione dei problemi relativi a "Informazioni sulla connessione"

La nostra soluzione attuale per chi vuole dati sulla sicurezza delle pagine è fare clic sulla piccola icona lucchetto accanto all'URL e analizzare le informazioni disponibili nella scheda "Connessione".

Purtroppo, questa scheda presentava diversi problemi:

  • È troppo complicato per la maggior parte degli utenti
  • Ma troppo basilare per la maggior parte degli sviluppatori
  • e non è chiaro cosa fa sì che venga visualizzata l'icona lucchetto "downgrade"

Panoramica: spiegazione dell'icona lucchetto e visualizzazione dei contenuti misti

Panoramica.

L'icona lucchetto rappresenta lo stato di sicurezza della pagina, perciò sapere quando e perché viene visualizzata è estremamente importante. La schermata Panoramica del nuovo riquadro di sicurezza spiega le parti importanti che contribuiscono a creare una pagina sicura:

  • Identity (certificato)
  • Connessione (protocollo, suite di crittografia)
  • Risorse secondarie

D'ora in poi saprai a colpo d'occhio il motivo per cui il tuo sito riceve o meno il piccolo badge verde di meraviglia.

Hai dei contenuti misti che appaiono dal nulla? Nessun problema! La visualizziamo direttamente nella panoramica e un clic ti porta a una visualizzazione filtrata del riquadro Rete, in modo da poter rapidamente esaminare le richieste in questione:

Contenuto misto.

Visualizzazione origine: tipo di connessione e dettagli del certificato

Scheda Connessione.

Se hai bisogno di informazioni su una connessione TLS specifica, la vista origine ti aiuterà. Ricarica la pagina: nel riquadro di navigazione a sinistra vedrai ogni singola origine di tutte le risorse.

Qui puoi scoprire tutte le informazioni sul certificato utilizzato e sul tipo di connessione. Inoltre, offre la pratica possibilità di visualizzare in dettaglio le risorse per esaminare tutte le risorse provenienti da quell'origine tramite il riquadro Rete.


Prova il nuovo Pannello Sicurezza e facci sapere cosa ne pensi su Twitter o tramite un ticket/ticket per funzionalità.