Você está aqui: Home  → Arquivo Dicas-L

Assine a Lista Dicas-L

Receba diariamente por email as dicas
de informática publicadas neste site
Para se descadastrar, clique aqui.

Dica para editar páginas online

Colaboração: Carlos Eduardo Treméa de Oliveira

Data de Publicação: 03 de abril de 2011

Com o código abaixo você pode modificar o conteúdo de qualquer página. Isso é muito útil quando queremos tirar um screenshot do site para mostrar a um cliente uma modificação no site. Para fazer isso basta seguir os passos abaixo.

Entre no site que você deseje modificar

Depois de aberto o site, entre com o código abaixo na barra de endereço e pressione enter:

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

Depois disso você já pode alterar todos os textos do site.

Carlos Eduardo é o criador do site kadunew.com/blog onde escreve artigos sobre Web Design e programação Web

PDF	RSS	Imprimir

Referências Adicionais

Referências adicionais sobre os assuntos abordados neste site podem ser encontradas em nossa Bibliografia.

Avalie esta dica

Opinião dos Leitores

Raffaele
07 Abr 2011, 09:18

Com o google chrome clicando com botão direito em algum texto e utilizar o Inspect element, você pode editar todo conteúdo html, inclusive css, e javascript.

Ou se você usa o FireFox instalar a extensão FireBug inúmeros recursos.

Ou ainda se você utiliza IE8, só apertar F12 que tem outras ferramentas interessantes que possibilita edição do código fonte.

Vladimir
06 Abr 2011, 11:28

Para remover elementos selecionados de uma página, ou manter apenas os selecionados, pode ser útil o Nuke Anything Enhanced
no Firefox, usando o menu de contexto na página:

https://addons.mozilla.org/pt-BR/firefox/addon/nuke-anything-enhanced/

Rodrigo
05 Abr 2011, 11:35

Achei este comando muito interessante!
Também é útil para "limpar" uma página antes de realizar uma impressão, ajudando a economizar tinta e formatando a página de acordo com seu gosto.
Valeu, Carlos Eduardo!

Tarcnux
04 Abr 2011, 23:40

Essa dica é show!

Fabio Lima
04 Abr 2011, 20:39

Tipo assim, o Opera desde de... sempre, permite que vc exiba e edite o código fonte, podendo atualizar com o resultado. Uso isso muito para limpar boletos gerados online, de modo que caiba em uma unica página, por exemplo.

Depois que o Opera passou a suportar extensões, há uma que permite editar visualmente, direto na página.

Sobre fixar as modificações... O Opera permite usar um arquivo css personalizado, para cada página, ou domínio.

Sergio
04 Abr 2011, 13:15

Mario, para de ser retardado.

Sergio
04 Abr 2011, 12:00

Fantástico! E como poderia fazer para utilizar o código da página modificado? Por exemplo: Gostaria de tornar a página alterada definitiva, atualizando meus servidores com o código da página após alterações. É possível?

Rubens Queroz de Almeida
03 Abr 2011, 09:25

Mário, não se preocupe, a modificação ocorre apenas na página que está no seu browser. A página do servidor web permanece inalterada. Isto é útil para quem quer ver como ficaria uma modificação, mais nada.

Mario
03 Abr 2011, 06:06

a dica é excelente mas me deu arrepios! Segundo quem usa, vai ser uma guerra! Há como impedir isso i.e. há como "blindar" um site contra uma eventual maldade dessas?
Cordialmente

*Nome:
Email:
	Me notifique sobre novos comentários nessa página Oculte meu email
*Texto:
	Para publicar seu comentário, digite o código contido na imagem acima

Powered by Scriptsmill Comments Script