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.

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.

20 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. 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

    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

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

  6. 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

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

    • Marcos Paulo

      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

    como salvo essa alteraçào

  10. delfim

    já fiz isso.
    é muito bom mesmo !!

    mas não consigo gravar.

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

  11. Guilherme

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

  12. buba

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

  13. Junior

    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

    JUNIOR é um burro de marca maior

  16. 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. É como q salva ? se n da pra salva nao tem graça de usa –’

  18. EMERSON SILVA

    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…

Leave a Reply