As ferramentas de desenvolvedor do Firefox são bem conhecidas devido à riqueza de funcionalidades que oferecem, mas uma ferramenta sobre a qual não se ouve falar muito é a Developer Toolbar, que se parece muito com o console, mas tem uma finalidade completamente diferente. Uma dessas finalidades é permitir que os desenvolvedores criem uma captura de tela da página atual no Firefox. Deixe-me mostrar ao senhor como fazer isso!


A primeira etapa é abrir a barra de ferramentas do desenvolvedor com SHIFT+F2. Quando a barra de ferramentas do desenvolvedor estiver aberta, o senhor pode instruir o Firefox a fazer uma captura de tela da janela de visualização atual com o seguinte comando:


Barra de ferramentas do desenvolvedor web do Firefox



screenshot homepage.png


O senhor pode passar um argumento de configuração adicional para obter uma captura de tela da página inteira da página:



screenshot homepage.png --fullpage


Quando essas instruções são executadas, a imagem é salva no diretório de download padrão do navegador!

  • Projetando para a simplicidade

    Antes de começarmos, vale a pena dedicar um breve momento para me apresentar aos senhores. Meu nome é Mark (ou @integralist se o Twitter for sua ferramenta de comunicação preferida) e atualmente trabalho para a BBC News em Londres, Inglaterra, como engenheiro principal/técnico…

  • Animação de transformações CSS3 com o MooTools Fx
  • Crie uma apresentação de slides simples usando o MooTools, Parte II: Controles e eventos
  • Crie botões no estilo do GitHub com CSS e jQuery, MooTools ou Dojo JavaScript