Il team dedicato alla sicurezza di Chrome ha lavorato sodo (guardate di nuovo il video qui sopra per una fantastica panoramica) per realizzare un futuro senza HTTP, un futuro in cui voi e i vostri utenti potete essere ragionevolmente sicuri che qualsiasi dato inviato al Web rimanga tra voi e il sito che state esaminando. Per rendere ancora più semplice la distribuzione e l'integrazione nel glorioso futuro di HTTPS, abbiamo reso la sicurezza una funzionalità principale di DevTools.
Il nuovo pannello Sicurezza introdotto in Chrome 48 consente di individuare molto più facilmente eventuali problemi relativi a certificati e contenuti misti. Puoi accedervi direttamente in DevTools o facendo clic sull'icona lucchetto nella barra degli URL e poi sul link "Dettagli".
Risolvere i problemi relativi a "Informazioni sulla connessione"
Per chi desidera informazioni sulla sicurezza delle pagine, la nostra soluzione attuale consiste nel fare clic sulla piccola icona a forma di lucchetto accanto all'URL e nel poi analizzare le informazioni disponibili nella scheda "Connessione".
Purtroppo questa scheda presentava diversi problemi:
- È troppo complicato per la maggior parte degli utenti
- Ma troppo basilari per la maggior parte degli sviluppatori
- e non è chiaro cosa causi il "downgrade" di un'icona lucchetto
Panoramica: spiegazione dell'icona lucchetto e visualizzazione dei contenuti misti
L'icona lucchetto rappresenta lo stato della sicurezza della pagina, perciò sapere quando e perché viene visualizzata è estremamente importante. La schermata Panoramica del nuovo riquadro di sicurezza illustra le parti importanti che contribuiscono a creare una pagina sicura:
- Identity (certificato)
- Connessione (protocollo, suite di crittografia)
- Risorse secondarie
Ora saprai a colpo d'occhio perché il tuo sito visualizza o meno il piccolo badge verde del bello.
I contenuti misti appaiono dal nulla? Nessun problema! La mostriamo direttamente nella panoramica. Facendo clic, viene visualizzata una visualizzazione filtrata del riquadro di rete, da cui puoi esaminare rapidamente le richieste in questione:
Visualizzazione origine: tipo di connessione e dettagli del certificato
Se hai bisogno di informazioni su una connessione TLS specifica, puoi consultare la vista origine. Ricarica la pagina e vedrai ogni singola origine di tutte le risorse nel riquadro di navigazione a sinistra.
In questa pagina puoi trovare tutte le informazioni sul certificato utilizzato e sul tipo di connessione. Inoltre, offre la pratica possibilità di visualizzare in dettaglio ulteriori informazioni per esaminare tutte le risorse provenienti da quell'origine tramite il riquadro Rete.
Provate il nuovo riquadro di sicurezza e fateci sapere cosa ne pensate su Twitter o tramite un bug/richiesta di funzionalità.