¿Puede ver las hojas de estilo de impresión aplicadas directamente en el navegador? | Programar Plus

Sí.

Echemos un vistazo a cómo hacerlo en diferentes navegadores. Aunque tenga en cuenta la fecha de esta publicación de blog. Esto tiende a cambiar con el tiempo, así que si algo aquí está mal, avísanos y podemos actualizarlo.

En Firefox…

Es un pequeño botón en DevTools. ¡Tan fácil!

  1. Abrir DevTools (Comando + Opción + i)
  2. Vaya a la pestaña “Inspector”
  3. Haga clic en el icono de la pequeña página

En Chrome y Edge…

Es un poco más extraño, creo, pero todavía es algo bastante fácil de hacer en DevTools.

  • Abrir DevTools (Comando + Opción + i)
  • Si no tiene la cosa extraña del área especial del fondo, presione la tecla Escape
  • Haga clic en el icono de menú para elegir las pestañas para abrir
  • Seleccione la pestaña “Representación”
  • Desplácese hasta la parte inferior de las opciones de la pestaña “Representación”
  • Escoger impresión de las opciones para Emular medios CSS

En Safari …

Safari tiene un pequeño botón muy parecido a Firefox, pero se ve diferente.

  1. Abrir DevTools (Comando + Opción + i)
  2. Vaya a la pestaña “Inspector”
  3. Haga clic en el icono de la pequeña página