você está aqui: Home  → Arquivo de Mensagens

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


Veja a relação completa dos artigos de Carlos Eduardo Treméa de Oliveira

 

 

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