Ferramentas de solução de problemas de JavaScript no Internet Explorer
https://stackoverflow.com/questions/3404
-
08-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Eu uso muito o Firebug e o console Mozilla JS, mas de vez em quando me deparo com um bug de JavaScript somente do IE, que é realmente difícil de localizar (ex: erro na linha 724, quando o HTML fonte tem apenas 200 linhas).
Eu adoraria ter uma ferramenta JS leve (a la firebug) para Internet Explorer, algo que posso instalar em segundos no PC de um cliente se ocorrer um erro e depois desinstalar.Algumas ferramentas da Microsoft demoram muito para baixar e configurar.
Alguma ideia?
Solução
Você pode encontrar Firebug Lite útil para isso.
Seu bookmarklet deve ser especialmente útil ao depurar na máquina de um usuário.
Outras dicas
Desde o Internet Explorer 8, o IE vem com um conjunto impressionante de ferramentas para depuração de JavaScript, criação de perfil e muito mais.Como a maioria dos outros navegadores, as ferramentas do desenvolvedor podem ser acessadas pressionando F12 no teclado.
Guia Script
A guia Script provavelmente é o que lhe interessa, embora as guias Console, Profiler e Rede também sejam bastante utilizadas durante a depuração de aplicativos.
Na guia Script você pode:
- Formate JavaScript para torná-lo mais legível
- Mova de fonte em fonte de vários recursos na página
- Inserir pontos de interrupção
- Mova-se pelas linhas de código enquanto avança em sua execução
- Observe as variáveis
- Inspecione a pilha de chamadas para ver como o código foi executado
- Alternar pontos de interrupção
- e mais...
Guia Console
A guia console é ótima para quando você precisa executar algum código arbitrário no aplicativo.Utilizo isso para verificar o retorno de determinados métodos, ou até mesmo para testar rapidamente soluções para respostas no Stack Overflow.
Guia Criador de perfil
O perfil é incrível se você estiver procurando processos de longa execução ou tentando otimizar seu código para funcionar de maneira mais suave ou fazer menos chamadas para métodos que consomem muitos recursos.Abra qualquer página e clique em “Iniciar criação de perfil” na guia Profiler para iniciar a gravação.
Enquanto o criador de perfil está funcionando, você pode navegar pela página, executando ações comuns.Quando você sentir que gravou o suficiente, clique em "Pare de perfil". Você será mostrado um resumo de todas as funções executadas ou uma árvore de chamadas.Você pode classificar rapidamente esses dados por várias colunas:
Guia Rede
A guia rede registrará o tráfego em seu site/aplicativo.É muito útil para localizar arquivos que não estão sendo baixados, suspensos ou para rastrear dados que estão sendo solicitados de forma assíncrona.
Nesta guia você também pode alternar entre uma visualização resumida e uma visualização detalhada.Na visualização detalhada você pode inspecionar os cabeçalhos enviados com solicitações e respostas.Você pode visualizar informações de cookies, verificar o horário dos eventos e muito mais.
Na verdade, não estou fazendo justiça às Ferramentas para Desenvolvedores do IE - há muito terreno descoberto.Eu encorajaria você a verificá-los e torná-los parte de seu desenvolvimento.
eu recomendaria JS complementar.
Esta é a versão gratuita do Barra de depuração mas acho que é mais fácil de usar e tem os recursos necessários.Ótimo para testar pequenos trechos de JavaScript no IE da mesma forma que faço com o Firebug no Firefox.
EDITAR 5 anos depois:Agora uso ferramentas de desenvolvedor integradas do Internet Explorer.
Supõe-se que o IE 8 tenha ferramentas melhores, mas a barra de ferramentas do desenvolvedor do IE é muito boa.
Eu uso os dois Depurador de scripts da Microsoft e Fire Bug Lite, dependendo do que estou depurando.Ambas são ótimas ferramentas - experimente ambas e combine com o que você se sente confortável.
No IE8 basta pressionar F12!
- Vá para Ferramentas->Opções da Internet…->Avançado->Ativar depuração de script (Internet Explorer)
em seguida, anexe o Visual Studio Debugger quando ocorrer um erro.
Se você estiver usando o IE 8, instale a barra de ferramentas do desenvolvedor porque ela possui um depurador integrado.
