Como posso editar o javascript no meu navegador Como posso usar o Firebug para editar o CSS / HTML?
Eu sou sempre capaz de fazer isso para ajustar CSS etc, mas como estas perguntas apontam, não é óbvio como ajustar js cliente-lado:
- a melhor maneira de capturar erros de JavaScript na produção?
- como editar o Javascript no navegador?
- como editar o JavaScript no Firebug?
- Como posso editar um arquivo js enviado pelo servidor antes que ele chegue ao meu navegador?
- Como substituir o Javascript de produção página web com Javascript local?
- com firefox w / firebug, Como posso escrever javascript no navegador e usar o .objectos de ficheiros js também?
- "Execute JS" (Firefox addon) não parece funcionar (não faz mais do que a consola no Chrome já pode fazer), {[[9]} "Charles" pode funcionar se tivesse usado ficheiros js separados, mas o meu javascript está incorporado no JSP
5 answers
O problema com a edição de JavaScript como você pode CSS e HTML é que não há nenhuma maneira limpa de propagar as alterações. JavaScript pode modificar o DOM, enviar solicitações Ajax, e modificar dinamicamente objetos e funções existentes no tempo de execução. Assim, uma vez que você tenha carregado uma página com JavaScript, pode ser completamente diferente após o JavaScript ter corrido. O navegador teria que manter o controle de cada modificação que seu código JavaScript executa para que quando você editar o JS, ele rola para trás o muda para uma página limpa.
Mas, você pode modificar o JavaScript dinamicamente de algumas outras maneiras:
- injecções de JavaScript na barra de URL:
javascript: alert (1);
- Via um console JavaScript (há um incorporado no Firefox, Chrome, e versões mais recentes do IE
- Se quiser modificar os ficheiros JavaScript à medida que são servidos ao seu navegador (isto é, agarrá-los em trânsito e modificá-los), então não posso oferecer muita ajuda. Eu sugeriria usar um 'proxy' de depuração: http://www.fiddler2.com/fiddler2/
As duas primeiras opções são óptimas porque pode modificar quaisquer variáveis e funções de JavaScript actualmente no âmbito. No entanto, você não será capaz de modificar o código e executá-lo com uma Página "Just-served" como você pode com a terceira opção.
Para além disso, tanto quanto sei, não há nenhum editor de JavaScript de edição e execução no navegador. Espero que isto ajude.
Eu sei que você pode modificar um ficheiro javascript ao usar o Google Chrome.
- Abra o Inspector cromado, vá para a página "Scripts".
- carregue no menu e seleccione o ficheiro javascript que deseja editar.
- faça duplo-click no campo de texto, digite o que quiser e apague o que quiser.
- então tudo o que tem de fazer é carregar em Ctrl + S para gravar o ficheiro.
Atenção: se actualizar a Página, todas as alterações irão voltar ao original arquivo. Eu recomendo copiar/colar o código em outro lugar se você quiser usá-lo novamente.
Espero que isto ajude!Para usar o Fiddler para manipular o JavaScript (na altura) com o Firefox, faça o seguinte:
1) Baixar e instalar Fiddler
2) Baixar e instalar o Fiddler extensao: " 3 realce de sintaxe add-ons"
3) Reiniciar o Firefox e activar a extensão "FiddlerHook "
4) abrir o Firefox e activar o botão da barra de ferramentas FiddlerHook :
View > Toolbars > Customize...
5) carregue no botão de Ferramenta Fiddler e espere que o fiddler comece.
6) Aponte o seu navegador para os URLs de Teste do Fiddler:Echo Service: http://127.0.0.1:8888/
DNS Lookup: http://www.localhost.fiddler:8888/
7) adicionar As Regras do Fiddler para interceptar e editar o JavaScript
antes de chegar ao servidor. No Fiddler clique:
Rules > Customize Rules...
. [CTRL-R]
Isto vai iniciar o ScriptEditor.
8) Editar e adicionar o a seguir às regras:
A) parar o JavaScript para permitir a edição, adicionar sob a função " Onbeforesponse":
if (oSession.oResponse.headers.ExistsAndContains("Content-Type", "javascript")){
oSession["x-breakresponse"]="reason is JScript";
}
B) parar as publicações de HTTP para permitir a edição ao usar o verbo POST, Editar " OnBeforeRequest":
if (oSession.HTTPMethodIs("POST")){
oSession["x-breakrequest"]="breaking for POST";
}
C) para pausar um pedido de um ficheiro XML para permitir a edição, editar " Onbeforequest":
if (oSession.url.toLowerCase().indexOf(".xml")>-1){
oSession["x-breakrequest"]="reason_XML";
}
[9] TODO: edite o acima CustomRules.js
para permitir a desactivação (A-c).
10) o carregamento do navegador irá agora parar em cada JavaScript encontrado e mostrar uma pausa vermelha marca para cada guião. Para continuar a carregar na página, é necessário carregar o botão verde "executar até a conclusão" para cada script. (E é por isso que gostaríamos aplicar [9].)
A Firefox Developer Edition (59.0b6) tem Scratchpad (Shift +F4), onde poderá executar javascript
JS Deminifier
(se a sua produção JS for minificada), FireQuery
, FireRainbow
e mais.
Há também o Firebug lite que não passa de um marcador de livros. Ele permite que você faça coisas limitadas, mas ainda é útil.
O Chrome como uma consola de desenvolvimento incorporada que lhe permitiria modificar o javascript.
Utilizando estas ferramentas, deverá ser capaz de injectar o seu próprio JS muito.