Como criar um botão para imprimir a página do navegador – HTML

E ai pessoal, de boa?! Vim aqui deixar uma dica rápida para vocês que gostam de programação. Uma pesquisa recente me fez ir atrás e achar o melhor jeito de realizar essa “proeza” (rsrsrs). Quem ai já tentou criar um botão para imprimir a página do navegador em HTML? Depois de encontrar várias formas de fazer, a melhor maneira e mais rápida, como sempre, em apenas uma linha, é criar uma botão com um um comando Javascript:

onClick="window.print()"
Quer aprender mais sobre Javascript e Jquery? clica aqui

Este comando onClick funciona independente da linguagem que você estiver usando, pois é lido direto pelo motor do navegador. Este onClick tanto funciona na tag para links <a> quanto na tag <input> para criar botões dentro de um <form>.

Faça o teste clicando abaixo.

<form>
<input type="button" value="Print this page" onClick="window.print()"/>
</form>

Muito simples de criar e funciona em todos os navegadores. Para ficar exatamente como você gostaria dentro do seu layout, basta acrescentar um estilo pelo CSS à sua escolha e ser feliz com a impressão dos documentos criados pelos seus sistemas ou sites.

imprimir a página do navegador

Apenas uma dica rápida de como criar seu botão para imprimir a página do navegador.

Que saber mais sobre este método Javascript? Veja na W3schools.

Já terminou o seu projeto? Então que tal testar o carregamento do seu site?