Usa el panel Security en Chrome DevTools para asegurarte de que HTTPS esté implementado correctamente en una página. Consulta Por qué HTTPS es importante para saber por qué todos los sitios web deben protegerse con HTTPS, incluso los sitios que no controlan datos sensibles de los usuarios.
Descripción general
El panel Security es el lugar principal de DevTools para inspeccionar la seguridad de una página. El panel Seguridad te brinda una descripción general de los orígenes de tu página, que incluye advertencias de seguridad de HTTP, detalles del origen y certificados.
Abrir el panel de seguridad
Para abrir el panel Seguridad, sigue estos pasos:
- Abre Herramientas para desarrolladores.
- Para abrir el menú de comandos, presiona lo siguiente:
- En macOS: Command + Mayúsculas + P
- Windows, Linux y ChromeOS: Control + Mayúsculas + P
Comienza a escribir
security, selecciona Mostrar panel de seguridad y presiona Intro.Figura 1. El panel de seguridad
Como alternativa, en la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > Seguridad.
Problemas comunes
Orígenes principales no seguros
Cuando el origen principal de una página no es seguro, en Descripción general de seguridad se muestra Esta página no es segura.
Figura 2. Una página no segura
Este problema ocurre cuando la URL que visitaste se solicitó a través de HTTP. Para que sea seguro, debes solicitarlo a través de HTTPS. Por ejemplo, si miras la URL en la barra de direcciones, es probable que se vea similar a http://example.com. Para que sea segura, la URL debe ser https://example.com.
Si ya tienes HTTPS configurado en tu servidor, lo único que debes hacer para solucionar este problema es configurar el servidor para que redireccione todas las solicitudes HTTP a HTTPS.
Si no tienes HTTPS configurado en tu servidor, Let's Encrypt proporciona una manera gratuita y relativamente fácil de iniciar el proceso. O bien, podrías considerar alojar tu sitio en una CDN. La mayoría de las CDN principales alojan sitios en HTTPS de forma predeterminada.
Contenido mixto
El contenido mixto significa que el origen principal de una página es seguro, pero la página solicitó recursos de orígenes no seguros. Las páginas de contenido mixto están parcialmente protegidas porque los rastreadores pueden acceder al contenido HTTP y este es vulnerable a los ataques de intermediarios.
Figura 3. Contenido mixto
En la Figura 3, si haces clic en Ver 1 solicitud en el panel de red, se abre el panel Red y se aplica el filtro mixed-content:displayed para que el Registro de red solo muestre recursos no seguros.
Figura 4. Recursos mixtos en el registro de red
Ver detalles
Cómo ver el certificado de origen principal
En Descripción general de la seguridad, haz clic en Ver certificado para inspeccionar rápidamente el certificado del origen principal.
Figura 5. Un certificado de origen principal
Cómo ver los detalles del origen
Haz clic en una de las entradas del panel de navegación de la izquierda para ver los detalles del origen. En la página de detalles, puedes ver la información de la conexión y el certificado. También se muestra información del Certificado de transparencia cuando está disponible.
Figura 6. Detalles del origen principal