Beveiligingspaneel debuteert in Chrome DevTools

Het Chrome-beveiligingsteam heeft hard gewerkt (bekijk de video hierboven voor een goed overzicht) om een ​​toekomst zonder HTTP te realiseren, een toekomst waarin u en uw gebruikers er redelijk zeker van kunnen zijn dat alle gegevens die u naar internet verzendt, tussen u blijven. en de site die u bekijkt. En om het nog gemakkelijker te maken om de stap te zetten naar de glorieuze HTTPS-toekomst, hebben we van Beveiliging een kernfunctie in DevTools gemaakt.

Het nieuwe beveiligingspaneel.

Het nieuwe beveiligingspaneel dat in Chrome 48 is geïntroduceerd, maakt het een stuk eenvoudiger om eventuele problemen met certificaten en gemengde inhoud te zien. U kunt er rechtstreeks naartoe gaan in DevTools of door op het slotpictogram in de URL-balk te klikken en vervolgens op de link "Details".

De problemen oplossen met “Verbindingsinfo”

Onze huidige oplossing voor degenen onder u die gegevens over paginabeveiliging willen, is een klik op het kleine slotje naast de URL en vervolgens het parseren van de informatie die beschikbaar is op het tabblad 'Verbinding'.

Helaas had dit tabblad verschillende problemen:

  • Voor de meeste gebruikers is het te ingewikkeld
  • Maar te basaal voor de meeste ontwikkelaars
  • en maakt het onduidelijk wat de oorzaak is van een “downgrade” van het slotpictogram

Overzicht: leg het slotpictogram uit en geef gemengde inhoud weer

Tabblad Overzicht.

Het slotpictogram vertegenwoordigt de beveiligingsstatus van de pagina, dus het is uiterst belangrijk om te weten wanneer en waarom deze verschijnt. In het overzichtsscherm in het nieuwe beveiligingspaneel worden de belangrijke onderdelen uitgelegd die bijdragen aan een beveiligde pagina:

  • Identiteit (certificaat)
  • Verbinding (protocol, coderingssuite)
  • Subbronnen

U weet nu in één oogopslag waarom uw site wel of niet het kleine groene embleem van geweldigheid krijgt.

Is er gemengde inhoud uit het niets verschenen? Geen zorgen. We tonen het direct in het overzicht en een klik brengt u naar een gefilterde weergave van het Netwerkpaneel, zodat u snel de betreffende verzoeken kunt bekijken:

Gemengde inhoud.

Oorsprongsweergave: verbindingstype en certificaatdetails

Tabblad Verbinding.

Als u informatie nodig heeft over een specifieke TLS-verbinding, kan de Origin-weergave helpen. Laad de pagina opnieuw en u ziet elke individuele oorsprong voor alle bronnen verschijnen in de linkernavigatie.

Hier kunt u alles te weten komen over het gebruikte certificaat en het verbindingstype . Bovendien geeft het u de handige mogelijkheid om verder in te zoomen en alle bronnen te inspecteren die van die oorsprong komen via het Netwerkpaneel.


Probeer het nieuwe Beveiligingspaneel eens en laat ons weten wat je ervan vindt op Twitter of via bug/feature ticket !