Capture ou faça capturas de tela no navegador Chrome ou Firefox nativamente

Firefox é um navegador popular para Windows PC . A Barra de ferramentas do desenvolvedor(Developer Toolbar) no Firefox e no Chrome permite que você faça capturas de tela da janela do navegador sem usar nenhum complemento do navegador ou software de captura de tela(screen capture software) de terceiros . Este tutorial mostrará como capturar capturas de tela no navegador Chrome ou Firefox(capture screenshots in Chrome or Firefox browser) nativamente, sem usar ou instalar nenhum software de terceiros.

É claro que você está ciente de que, para capturar capturas de tela da área de trabalho no Windows(capturing Desktop screenshots on Windows) , pressione a tecla Print Screen ou Prnt Scrn . Ele pode ser encontrado na seção superior direita do seu teclado. Para capturar apenas a janela ativa, mantenha pressionada a tecla Alt , antes de pressionar a tecla Print Screen . Vamos ver como fazer isso usando as Ferramentas de Desenvolvedor(Developer Tools) integradas .

Capturar capturas de tela(Screenshots) no navegador Chrome

As capturas de tela podem ser imensamente úteis nos casos em que você encontra um tutorial interessante on-line e deseja salvar uma cópia da página da Web como uma captura de tela em seu computador para referência posterior. Se você quiser fazer o mesmo, siga as etapas descritas na postagem abaixo para obter uma captura de tela de página inteira de qualquer página da Web no Google Chrome .

Primeiro, inicie o Google Chrome(Google Chrome) e navegue até a página da Web cuja tela você deseja capturar.

Uma vez lá, clique no ícone de hambúrguer do navegador, visível no canto superior direito da tela do computador.

Em seguida, escolha ' Mais ferramentas(More tools) ' quando o menu de ação se expandir e, posteriormente, selecione as opções ' Ferramentas do desenvolvedor(Developer tools) '.

Capturar capturas de tela no navegador Chrome

Depois disso, uma pequena janela para Ferramentas do desenvolvedor(Developer Tools) será exibida. Clique(Click) no botão Toggle Device Mode como mostrado na imagem abaixo para ativar a opção. Uma vez ativado, o botão ficará na cor azul.

interruptor

Aqui, minimize a janela Developer Tools e, no pano de fundo, configure sua captura de tela. Além disso, selecione o tipo de dispositivo correto para sua captura de tela no menu suspenso do dispositivo.

Se necessário, configure o tamanho e a orientação da captura de tela.

Quando terminar, clique no ícone de 3 pontos no canto direito extremo e, na lista de opções exibidas, selecione a leitura como ' Capturar captura(Capture screenshot) de tela '.

captura de tela

That’s it!

Faça capturas de tela no navegador Firefox

DICA(TIP) : Agora você pode ativar o recurso de capturas de tela do Firefox(enable the Firefox Screenshots) .

Abra o navegador Mozilla Firefox(Mozilla Firefox) e vá para a página da web cuja tela você deseja capturar. Uma vez lá, clique no ícone Mais ações(More Actions) visível no canto superior direito.

Escolha o Bloco de Desenvolvedor(Developer Tile) . Isso abrirá as ferramentas de desenvolvedor da web. Alternativamente, você pode pressionar ' Ctrl+Shift+I ' para iniciar as ferramentas do desenvolvedor.

Faça capturas de tela no navegador Firefox

Em seguida, na lista de opções exibidas, selecione a leitura como ' Modo de design responsivo(Responsive Design Mode) '.

tirar screenshots no Chrome ou Firefox

Aqui, se necessário, você pode configurar o tamanho e a orientação da captura de tela configurando o conjunto correto de opções. Depois de encontrar todas as coisas no lugar, pressione o botão Câmera(Camera) para pegar a tela.

captura de tela

Por fim, salve a captura de tela capturada no local desejado em seu computador.

As capturas de tela podem ser de grande utilidade para os designers da Web(Web) que fazem capturas de tela do navegador para realizar uma verificação completa da compatibilidade do navegador em diferentes navegadores e sistemas da Web. Quaisquer que sejam os propósitos, talvez você sempre possa confiar no navegador Chrome(Chrome) ou Firefox para tirar uma captura de tela nativamente, usando essas ferramentas de desenvolvedor.

Leia a seguir(Read next) : Como fazer capturas de tela de um site remotamente(How to take screenshots of a website remotely) .



About the author

Sou engenheiro de software e tenho experiência com o Microsoft Office e o navegador Chrome. Tenho conhecimento em muitos aspectos do desenvolvimento web, incluindo, mas não limitado a: HTML, CSS, JavaScript, jQuery e React. Meu interesse em trabalhar com tecnologia também significa que estou familiarizado com várias plataformas (Windows, Mac, iOS) e entendo como elas funcionam.



Related posts