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