Esta técnica é muito interessante, pois ajuda muito na hora de fazer um teste rápido, obter alguma informação do site, exibir dados de campos password, campos ocultos, enfim, fazer testes rápidos sem precisar escrever dentro de uma pagina HTML. Java Script é uma linguagem de programação utilizada para criar pequenas funções encarregadas de realizar ações dentro de uma página web. Trata-se de uma linguagem de programação que roda direto no cliente, porque é o navegador do usuário que suporta o processamento. compatível com a maioria dos navegadores modernos, é a linguagem de programação mais utilizada para executar no cliente.
Para executar qualquer Java Script dentro da técnica que vamos mostrar, abra o navegador, apague tudo que estiver dentro da barra de endereço e digite os comandos específicos do Java script. Todos os comandos do Java Script devem começar com o comando javascript: , assim o navegador reconhecerá a linguagem e executará o código, para finalizar o comando usa-se um ;(Ponto e Virgula) no fim da instrução.
Agora chega de conversa, e vamos à prática:
Na figura abaixo se pode ver o bom e velho exemplo do “Hello World”, conforme descrito acima digite o comando Java Script depois dos dois pontos da identificação da linguagem, após isso é só apertar enter e ver o resultado.
Figura 1 – Barra de endereço do navegador IE8.
Figura 2 – Resultado após a execução do comando.
Se o navegador apresentar esta mensagem, então ele estará apto a rodar scripts, caso contrário, vá às opções do navegador e habilite a funcionalidade de rodar scripts.
Agora a imaginação é o limite, pode-se fazer muitas coisas, mudar a cor de fundo de um site, criar funções matemáticas, aumentar imagens e etc...
Segue abaixo mais um exemplo, trata-se de script que permite editar todo conteúdo de um site, lembre-se que o Java Script roda local, ou seja, tudo que é feito não reflete no servidor, apenas na pagina aberta, assim que recarregar a pagina tudo volta ao normal.
Figura 3 – Script para edição de conteúdo
javascript:document.body.contentEditable ='true'; document.designMode ='on'; void 0
Abra um site qualquer, apague tudo que estiver dentro da URL, digite o código acima e aperte enter, não vai aparecer nenhuma mensagem, mas se clicar em uma imagem verá que aparecerá uma marcação em volta dela, permitindo redimensionar e até apagar. Com os textos acontece o mesmo, permitindo também escrever o que quiser. Se desejar, poderá salvar a pagina alterada acessando o menu File(Arquivo) do próprio navegador e clicar em Salvar Como.
Veja abaixo a imagem da página do Google editada após executar o script, note que no logo onde estava escrito Brasil, agora esta escrito Teste do JavaScript.
Figura 4 – Pagina do Google
Bom, espero que possa ser útil, se não for, pelo menos vai ser divertido bagunçar um site.
Até a próxima!!!
@tatoduarte