Como editar qualquer página com Javascript

Postado por: Pedro Rogério em

Existe uma maneira de você editar qualquer página utilizando JavaScript, e ela é muito simples, basta abrir qualquer página, colar o seguinte código na sua barra de endereços e executá-lo:


javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Simples, experimente efetuar o teste aqui mesmo para você ver.

Fonte: Anieto2k.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

35 Responses to “Como editar qualquer página com Javascript”

  1. Po, que legal :)
    Nem fazia idéia que isso era possível…

    Agora como que faz para salvar a edição? hehehehehe

    Valew!

  2. É impossível, só pra brincar mesmo!!!

  3. Micox disse:

    Básico mas genial.

    E eu acredito que não seja só pra brincar não.
    Isso aí é ÓTIMO, PERFEITO pra testar layouts, principalmente de conteúdos gerados por PHP ou banco de dados (onde não dá pra editar via editor visual como dreamweaver).

    A melhor dica que eu já ví aqui no pinceladas.

  4. Alberto disse:

    Só tem que cuidar pra usar pq no firefox2, qq link que vc clicar depois de ter utilizado esse comando gera um erro interno e tem q reiniciar para voltar a funcionar normalmente;

  5. Leonardo Procópio disse:

    ak não funciono não, é so colocar depois da url?

  6. Sidnei disse:

    Meu não entendi só onde eu ensiro o código alguem em ajuda?

  7. @Sidnei,

    Coloca na barra de endereços e dê um enter, só isso!!!

  8. danilo pdr disse:

    javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

    • Marcos Paulo disse:

      olha naum dah nd eu tento apgar algo naum acontece nd naum se usa isso abaixei um progama do java so q naum sei mecher nisso alguem ae ajuda por favor se alguem poder ajudar…eu vi isso no youtube qr saber fazer tambem ae ajuda ok :D

  9. Thalles disse:

    como salvo essa alteraçào

  10. delfim disse:

    já fiz isso.
    é muito bom mesmo !!

    mas não consigo gravar.

    é possivel gravar isso , ou só da apenas para editar?

  11. Guilherme disse:

    Bom código, mas alguém sabe um código javascript (desses de colar no navegador) que acelere o tempo?

  12. buba disse:

    tu tem ki dizer cm salva.
    editei ki so a milinga aki.
    ei…
    eu aprendi cm salvar.
    vlw
    pela dica.

  13. Junior disse:

    como eu faço para salvar ? eu qro salvar mais não sei como eu salvo
    Já fiz oq qria mais qro saber como eu salvo

  14. @Junior,

    Não existe a possibilidade de salvar as alterações.

  15. Anonimo disse:

    JUNIOR é um burro de marca maior

  16. Pedro disse:

    Legal, eu testei e não deu certo, eu uso site pela webs.com, pega? como eu tenho que botar, na frente ou atras do link? seba, eu queria aquele que acelerace o tempo de espera..

    flw… esperando resposta

  17. Léu disse:

    É como q salva ? se n da pra salva nao tem graça de usa –’

  18. EMERSON SILVA disse:

    PESSOAASS DO MEU BRASILL,

    VCS TEMM QUE APAGAR TODO O CONTEUDO DA BARRA DE ENDEREÇOS,
    DEPOIS COLOCA O CODIGO JAVASCRIT LÁ:
    javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0
    E APERTA ENTER,

    NÃO VAI APARECER NADA DIZENDO QUE JÁ TÁ PRONTO PRA EDITAR,
    VC SIMPLESMENTE CLICA NA PALAVRA QUE VC QUE EDITAR, E PRONTO…

    PRA SALVAR, VC CLICA EM ARQUIVO E VAI EM SALVAR COMO..
    E PRONTO…

  19. felipe disse:

    e como faiz pra salva deppois q edita pra fica daquele jeito????? eh tmo legal fazer isso….se tiver como salvar fala ai no site blzzz vlwsss

  20. felipe disse:

    e depois se salvar como arquivo nhora q entr na pagina vai ta daquele jeito ou naum???

  21. jefrey disse:

    o javascript é client-side, tudo o que ele fizer é na máquina do cliente. isso só será modificado na máquina de quem fizer isso.
    para salvar as modificações seria ilegal, mas com certeza nao seria com JS.
    mas, esse codigo dá pra brincar. vai num site de esportes e enfia um monte de resultados falsos e chama alguém que ame seu time para ler!

  22. Fabiano disse:

    Eu tenho a senha do FTP, como faço para editar o meu site?

  23. joao pedro disse:

    kra , tipo , eu jogo um jogo , e tenhu vontade de hackealo e descobri esse codigo eu uso no site edito meu character , salvo a pagina , e dps abro ela dnv , mas n consigo usar o character pq o codigo ainda esta ativo , (ainda aparece akeles quadros da ediçao etc) keria sabe pq isso acontece vlw!

  24. renan disse:

    voce sabe de algo para hack senha ?

  25. pedro disse:

    cara se alguem quiser salvar usa o print screen.

  26. Ricardo disse:

    Claro que tem como salvar!

    1 – Coloque o código na barra de endereços e aperte ENTER
    2 – Altere a pagina
    3 – Vá em Arquivo, Salvar Como
    4 – Salve como página da web completa
    5 – PRONTO!!!!

    OBS: testei isso no Firefox

  27. Alencar disse:

    na verdade até tem como salvar
    manda imprimir a página
    e dpois ali onde escolhe a impressora tem a opção para salvar em .xps, ou tlvz em .pdf ,não sei

    ou então tira um print ^^

    é muito útil sim, mas tem que cuidar pra não fazer nada ilegal
    porque as possibilidades são grandes…

  28. jobs disse:

    O CÓDIGO CORRETO (SEM #) PRA COLAR NA BARRA DE ENDEREÇOS É:

    javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

  29. Rodrigo disse:

    Aqui não funcionou não, cara. Apaguei, coloquei ” javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0 ” e não deu certo. Pode ser o Firefox? valeu

  30. Joao disse:

    oi pessoal..é o seguinte..ha chat em que vi alguem inserir texto alterando definiçoes de javascript como por exemplo aparecer o texto com caps lock quando se tentar normalmente nao aparece. alguem sabe como fazer isso? onde tem que mexer?

Leave a Reply