Truque para fazer screenshots

November 19, 2009

in Hacks, How to

Há uns dias atrás descobri um truque que facilita imenso o processo de fazer screenshots de qualquer página web removendo informação pessoal. O truque passa por editar a própria página primeiro e fazer screenshot depois (hã!!!!)… yep… A fórmula mágica é a seguinte:

1. Ir para a página que pretendemos fazer a captura do screenshot;
2. Uma vez a página carregada inserir o seguinte código na barra de endereços e pressionar enter:

javascript:void(document.body.contentEditable=(document.body.contentEditable!='true'))

3. Editar no browser qualquer conteúdo que seja texto — imagens obviamente não é possível alterar com este método;
4. Fazer o screenshot.

Este truque funciona lindamente para retoques pequenos para apresentações e blog posts.

P.S.: Se já sabiam porque é que não partilharam? :)

{ 16 comments… read them below or add one }

1 Fábio Ricotta November 19, 2009 at 1:53 pm

E aí Pedro!

O que ele tira? Conteúdo de que tipo? De formulários preenchidos?

Reply

2 Pedro Dias November 19, 2009 at 1:57 pm

Você não entendeu Fábio (corrigido, desculpe) :P Depois de executar o JS você pode editar qualquer texto da página no seu browser. Coloque o cursor numa linha de texto qualquer e pressione delete ou edite ;)

Reply

3 Fábio Ricotta November 19, 2009 at 2:09 pm

Flávio não… é Fábio :)

Agora entendi a idéia! Praticamente um cloacking :P

Mas achei bem maneiro a idéia, não conhecia mesmo.

Reply

4 amaury November 19, 2009 at 2:05 pm

uia…funciona mesmo….que legal

Reply

5 Cristian November 19, 2009 at 2:11 pm

Muito legal, inclusive você pode executar qualquer código JS.
javascript:void(alert(document.body.innerHTML))

Reply

6 Jocimar Costa November 19, 2009 at 2:13 pm

Embora esteja bem explicado, eu demorei um pouco pra entender que se tratava da edição textual da pagina para depois executar o screenshot.

Testei aqui, funciona como magica, Otima dica Pedro!

Reply

7 César November 19, 2009 at 2:30 pm

Pedro, outra hipótese é usar o firebug (extra do firefox) , da mesma forma que serve para alterar no momento o código e ver as alterações também é possível editar o texto .

Reply

8 Pedro Dias November 19, 2009 at 2:41 pm

Não experimentei… no entanto este método funciona com qualquer browser e é independente de extensões ;)

Reply

9 Daniel Matos November 19, 2009 at 2:45 pm

Óptima dica! Obrigado!

Se adicionarem o javascript a um Bookmark com o nome “Editar Página” (ou qquer coisa semelhante) ficam com uma forma rápida de realizar a operação.

Reply

10 Ricardo November 19, 2009 at 2:52 pm

Eh pá Pedro – vê lá só o que é possível com isto! http://twitpic.com/q3rt1

Espero que os spammers não fiquem a saber o mesmo! ;)

Reply

11 Ricardo Fraga November 19, 2009 at 2:59 pm

Ricardo, seria um desastre.

Coitado dos portais… até provarem que não publicaram o que a imagem registrou… :p

Reply

12 Ricardo Fraga November 19, 2009 at 2:54 pm

Simples e perfeito.

Show Pedro. Valew.

Reply

13 tomassantos November 19, 2009 at 8:11 pm

Muito boa dica Pedro Dias, funciona mesmo.

Obrigado.

Reply

14 Magda Joana Silva November 24, 2009 at 7:56 pm

Olá! Olha eu utilizo o firefox com o add-on “screengrab!” Através dele podes obter a imagem de apenas a parte visivel da página ou da página completa. Já experimentaste?

Reply

15 Thiago December 10, 2009 at 2:36 pm

Muito legal mesmo!
Apenas não funciona no navegador Chrome. No FF funciona que é uma beleza. Não testei no IE. :P

Reply

16 Ricardo Fraga December 10, 2009 at 2:43 pm

Oi Thiago.

Funciona no Chrome sim. Dê uma olhada na imagem abaixo…

http://picasaweb.google.com.br/queijeiro/UploadsDiversos#5413619432164748354

Reply

Leave a Comment

Se o seu comentário ou pergunta é sobre um site ou problema específico, ou mesmo uma pergunta geral sobre a pesquisa do Google, o melhor lugar para obter uma resposta é no Fórum do Google de Ajuda a Webmasters!

Ao comentar, por favor utilize o seu nome ou nick, e não o nome do seu negócio ou empresa. Os nomes de negócios ou empresas quando utilizados em comentários tendem a ter uma conotação de spam, e eu gostaria de encorajar as pessoas a comentarem com o seu nome verdeiro.

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Previous post:

Next post: