Breakpoint Viewer

Comprueba qué breakpoint de CSS está activo en cualquier sitio web. Aparece un pequeño indicador en la esquina de la página con el nombre del breakpoint actual, su anchura mínima y el ancho real de tu ventana en píxeles. El indicador se actualiza al instante mientras cambias el tamaño del navegador.

Cómo funciona

Instala la extensión y abre cualquier sitio web. Verás un pequeño indicador en la esquina de la página. Al redimensionar la ventana, el indicador se actualiza en tiempo real para mostrar qué breakpoint está activo en ese momento. Elige un preset para tu framework de CSS o configura tus propios breakpoints personalizados.

Características

• Muestra el breakpoint de CSS activo, su anchura mínima y el ancho actual de la ventana
• Presets listos para usar con Tailwind CSS, Bootstrap, Bulma y Foundation
• Breakpoints personalizados con control total sobre nombres, anchuras y colores
• Posición del indicador en cualquier esquina de la página
• Lista de sitios permitidos y bloqueados para controlar dónde aparece el indicador
• Se actualiza en tiempo real al cambiar el tamaño de la ventana
• Ligero y sin interferencias con el contenido de la página
• Funciona en cualquier sitio web

Para quién es esta extensión

Desarrolladores frontend y diseñadores que crean o prueban sitios web con diseño responsive. En lugar de adivinar o revisar tu CSS manualmente, esta extensión te muestra esa información de un vistazo directamente en la página.

Por qué instalarlo

Pequeño, rápido y sin distracciones. No necesitas ninguna cuenta y ningún dato sale de tu navegador.