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

A consulta de mídia de impressão CSS permite definir 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 ToTo.

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

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

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

   A ferramenta Renderização é aberta no painel Visualização rápida :

   

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

   

   A página da Web é renderizada com seus estilos CSS de mídia impressa 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.

Saindo do modo de visualização de impressão

• Na ferramenta Renderização , na seção Emular tipo de mídia CSS , selecione Sem 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 a aparência de uma página da Web com diferentes opções de exibição ou deficiências visuais

Este trabalho está licenciado sob uma Licença Creative Commons Atribuição 4.0 Internacional.