Forçar o modo de visualização de impressão

A consulta de mídia de impressão do CSS permite que você defina estilos CSS que só se aplicam quando uma página é impressa.

Use a ferramenta Renderização para forçar uma página da Web no modo de visualização de impressão para depurar seus estilos de impressão.

Para forçar uma página no modo de visualização de impressão:

1. Acesse uma página da Web, como o aplicativo de demonstração Todo.

2. Clique com o botão direito do mouse na página da Web e selecione Inspecionar. DevTools é aberto.

3. Se o painel de Exibição Rápida ou a barra de ferramentas não for mostrado na parte inferior do DevTools, pressione Esc quando o foco estiver em DevTools. O painel Modo de Exibição Rápida é aberto.

4. Na barra de ferramentas Modo de Exibição Rápida , clique no botão Mais ferramentas (+) e selecione a ferramenta Renderização .

   A ferramenta Renderização é aberta no painel Modo de Exibição Rápida :

   

5. Role para baixo até a seção Emular tipo de mídia CSS e, em seguida, na lista suspensa, selecione imprimir em vez de Nenhuma emulação:

   

   A página da Web é renderizada com seus estilos CSS de mídia de impressão aplicados.

6. Na ferramenta Elementos , edite os estilos CSS da mídia de impressão:

   

   Para saber mais sobre como alterar o CSS, consulte Introdução à exibição e alteração do CSS.

Modo de visualização de impressão de saída

• Na ferramenta Renderização , na seção Emular tipo de mídia CSS , selecione Nenhuma emulação no menu suspenso.

  A página da Web é renderizada com seus estilos de tela aplicados.

Confira também

• Ferramenta de renderização, para ver como é uma página da Web com diferentes opções de exibição ou deficiências de visão

Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.