Pergunta

Estou tentando corrigir alguns bugs de JavaScript.O Firebug facilita muito a depuração desses problemas ao trabalhar no Firefox, mas o que você faz quando o código funciona bem no Firefox, mas o IE está reclamando?

Foi útil?

Solução

você também pode conferir o Barra de ferramentas do desenvolvedor do IE que não é um depurador, mas ajudará você a analisar o conteúdo do seu código.

Estúdio visual ajudará na depuração

Violinista deve ajudar a analisar o tráfego que chega e sai do seu navegador

Outras dicas

Podes tentar Firebug Lite ou use o Visual Studio para depurar o JavaScript.

Desde o Internet Explorer 8, o IE vem com um conjunto de ferramentas integrado para depuração, solução de problemas e ajuda geral no desenvolvimento de suas páginas/aplicativos.Você pode acessar essas ferramentas pressionando F12 no navegador.

Guia HTML

A guia HTML permitirá que você espie o DOM conforme o navegador o entende.À medida que você seleciona elementos na visualização HTML, seus estilos serão detalhados à direita, com regras individuais que podem ser ativadas e desativadas.Você também pode modificar regras e determinar se os estilos no elemento foram herdados ou atribuídos explicitamente.Além disso, você pode até saber de qual arquivo .css eles se originam.

enter image description here

Há um pouco mais que você pode fazer na guia HTML, como revisar e modificar atributos em elementos e até mesmo fazer alterações no layout do elemento na seção de layout.Além disso, você pode fazer alterações diretamente na marcação para testar rapidamente algumas ideias estruturais.

Guia Script

Para resolver problemas de JavaScript, você pode observar o Console e a Tag Script.Se o seu script se deparar com uma chamada para um método indefinido, você será alertado no seu console.O console também permite executar JavaScript arbitrário em sua página, se você quiser ativar ou desativar itens ou tentar vincular um manipulador a um botão.

A guia Script é ótima e formata seu JavaScript para você, permite inserir pontos de interrupção, entrar e ultrapassar blocos de código e observar variáveis ​​​​ao longo do tempo.

enter image description here

Se você usou o Firebug ou mesmo o Webkit Inspector, as ferramentas de desenvolvedor F12 no Internet Explorer 8+ devem ser bastante familiares para você.

Firebug lite não funciona muito bem para mim.A barra de ferramentas do desenvolvedor simplesmente não é boa o suficiente.Realmente não existe uma ótima solução.

Dê uma olhada em Barra de depuração.A licença é gratuita para uso pessoal

Para o Inspetor DOM, tente o Barra de ferramentas do desenvolvedor do Internet Explorer.

Para a guia Rede, tente Violinista.

Para depuração Javascript, tente Visual Web Developer 2008 Edição Expressa.(Ou uma edição superior do Visual Studio)

Tente também Barra de depuração.

O Visual Studio 2008 pode fazer depuração de JavaScript, você deve ir em Ferramentas do IE-> Opções da Internet-> Avançado e desmarcar 'Desativar depuração de script (Internet Explorer)' para que o navegador exiba os erros que detecta.

Quando estiver no Visual Studio, você basicamente terá todo o arsenal de depuração à sua disposição.Não é tão integrado quanto o Firebug, mas é muito melhor do que qualquer coisa que costumávamos ter.

Eu acho que é melhor que você primeiro instale o complemento ie core no Firefox, em seguida, carregue a página com o complemento ie e pressione f12.boa sorte.

Faça um marcador na barra de favoritos e coloque este endereço como URL:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Em seguida, navegue até a página desejada e clique no link.Firebug Lite irá/deve abrir...

A versão beta do IE8 vem com o que considero a barra de ferramentas do IE Developer, mas parece ser muito mais poderosa do que da última vez que experimentei a barra de ferramentas no IE7

Suponho que esta pergunta foi postada antes do lançamento final do IE8, de acordo com algumas das respostas.

Hoje em dia, as ferramentas de desenvolvedor integradas do IE8 são ótimas;e embora a depuração JS não seja tão útil quanto o Visual Studio, as Dev Tools em geral são muito melhores que o Firebug, na minha opinião.Entre isso e o Modo Navegador de Exibição de Compatibilidade, posso lidar com todas as minhas necessidades de desenvolvimento do IE6.

Encontrei uma solução para este problema, você poderia simplesmente colar esta tag na página que está tentando depurar e o firebug abrirá:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

Explicação de https://getfirebug.com/firebuglite#Stable

Se você é um desenvolvedor front-end sério, faça um teste no AJAX Edition:

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

É uma ferramenta gratuita que permite aos usuários entender o que está causando problemas de desempenho e funcionais em aplicativos AJAX/web modernos.

No IE, vá para Menubar-> Ferramentas Selecione Ferramentas Debuggers atingem F12 e aproveite.Está longe de ser Fire Bug, mas adequado para ajuda rápida

Sempre há uma maneira de contornar esse problema, assista ao vídeo e você poderá instalar o firebug em 2 minutos.

instalar o firebug no ie

Boa sorte

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top