JavaScript solução de problemas Ferramentas no Internet Explorer

votos
34

Eu uso o Firebug eo JS consola Mozilla fortemente, mas de vez em quando eu me deparo com um IE-only JavaScript bug, que são realmente difíceis 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 o Internet Explorer, algo que eu possa instalar em segundos no PC do cliente, se eu me deparo com um erro e, em seguida, desinstalar. Algumas ferramentas da Microsoft levar algum de download e configuração sério tempo.

Alguma ideia?

Publicado 06/08/2008 em 14:56
fonte usuário
Em outras línguas...                            


7 respostas

votos
23

Você pode achar Firebug Lite útil para isso.

Sua bookmarklet deve ser especialmente útil quando depuração na máquina do usuário.

Respondeu 06/08/2008 em 14:59
fonte usuário

votos
17

Desde Internet Explorer 8, IE foi lançado com um conjunto impressionante de ferramentas para depuração de JavaScript, perfilamento, e muito mais. Como a maioria dos outros navegadores, as ferramentas de desenvolvimento são acessíveis pressionando F12 no seu teclado.

Tab Script

A guia Script é provável que você vai estar interessado em, embora o Console, Profiler, e guias Rede começar a abundância de uso bem enquanto as aplicações de depuração.

digite descrição da imagem aqui

Na guia Script, você pode:

  • Formato JavaScript para torná-lo mais legível
  • Mova de fonte para fonte de vários recursos na página
  • breakpoints inserção
  • Mover dentro e através de linhas de código enquanto percorrendo sua execução
  • Assista variáveis
  • Inspecione a pilha de chamadas para ver como o código foi executado
  • breakpoints de alternância
  • e mais...

Tab Console

A guia console é ótimo para quando você precisa executar um código arbitrário contra o pedido. Eu uso isso para verificar o retorno de certos métodos, ou até mesmo para testar rapidamente soluções para respostas sobre estouro de pilha.

digite descrição da imagem aqui

Tab Profiler

O perfil é incrível se você está à procura de processos de longa duração, ou tentando otimizar o seu código seja executado mais suave ou fazer menos chamadas a métodos intensivos de recursos. Abra qualquer página e clique em "Iniciar profiling" na guia Profiler para iniciar a gravação.

Enquanto o profiler está funcionando, você pode mover-se sobre a página, realizando ações comuns. Quando você sente que você gravou o suficiente, clique em "Parar profiling". Em seguida, será mostrado um resumo de todas as funções correu, ou uma árvore chamada. Você pode rapidamente resolver esses dados por várias colunas:

digite descrição da imagem aqui

Guia rede

A guia rede irá registrar o tráfego em seu site / aplicação. É muito útil para encontrar arquivos que não estão sendo baixados, pendurado, ou para rastrear dados que está sendo solicitado de forma assíncrona.

Dentro deste guia, você também pode mover entre uma área de resumo e uma visão detalhada. Dentro da visão detalhada você pode inspecionar cabeçalhos enviados com pedidos e respostas. Você pode visualizar informações de cookies, verifique o calendário de eventos e muito mais.

digite descrição da imagem aqui

Eu realmente não estou fazendo o IE Developer Tools justiça - há um lote de terreno descoberto. Eu incentivá-lo para vê-los, porém, e torná-los parte de seu desenvolvimento.

Respondeu 15/05/2012 em 22:16
fonte usuário

votos
5

Eu recomendaria Companion JS .

Esta é a versão gratuita do Debug Bar mas acho que é mais fácil de usar e tem as características que eu preciso. Ótimo para testar pequenos fragmentos de JavaScript no IE da mesma maneira que eu faço com o Firebug no Firefox.

EDIT 5 anos depois : Eu agora usa Internet Explorer integrado ferramentas para desenvolvedores.

Respondeu 11/08/2008 em 17:56
fonte usuário

votos
4

IE 8 é suposto ter melhores ferramentas, mas o IE Developer Toolbar é muito bom.

Respondeu 06/08/2008 em 14:58
fonte usuário

votos
3

Eu uso os dois Microsoft Script Debugger e Firebug Lite , dependendo do que eu estou depuração. Ambos são grandes tools- experimente ambos e stich com o que você está confortável com.

Respondeu 12/10/2011 em 15:34
fonte usuário

votos
2

No IE8 basta pressionar F12!

Respondeu 15/02/2010 em 17:53
fonte usuário

votos
1
  1. Vá para Ferramentas> Opções da Internet ... -> Advanced-> Ativar depuração de script (Internet Explorer)

em seguida, anexar Visual Debugger Studio quando ocorre um erro.

Se você estiver usando o IE 8, instalar a barra de ferramentas do desenvolvedor porque ele foi construído em um depurador.

Respondeu 16/01/2013 em 01:32
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more