1. depurador;Já disse antes que você pode adicionar uma frase depuradora ao seu código Javascrip{filter}t; para criar um efeito de ponto de quebra manualmente.
Precisa de um ponto de paragem com as condições? Você só precisa cercar com uma instrução if:
Mas lembre-se de cortá-los antes do lançamento do programa.
2. Defina o ponto de interrupção para disparar quando o nó DOM mudar
Às vezes, você percebe que o DOM está fora do seu controle e sofre mudanças estranhas por conta própria, dificultando chegar à raiz do problema.
Existe um recurso super útil nas ferramentas de desenvolvimento do Google Chrome que pode lidar com essa situação, chamado "Break on...", você pode clicar com o botão direito no nó DOM e ver esse item do menu.
A condição de gatilho para um ponto de interrupção pode ser definida para que o nó seja excluído, as propriedades do nó mudem ou um de seus subnós mude.
3. Pontos de quebra do Ajax
Breakpoints XHR, ou breakpoints Ajax, como o nome deles, nos permitem definir um breakpoint que aciona a chamada Ajax de uma funcionalidade quando ela ocorre.
Isso é muito eficaz quando você está depurando uma aplicação web sobre uma rede.
4. Ambiente de simulação de dispositivos móveis
O Google Chrome tem ferramentas muito interessantes para simular dispositivos móveis que nos ajudam a depurar como o programa funciona no dispositivo móvel.
Para encontrá-lo, pressione F12, abra as ferramentas de desenvolvimento, depois pressione a tecla ESC (a aba atual não pode ser Console), e você verá a janela de depuração do segundo nível aparecer, na aba Emulação com vários dispositivos de emulação para escolher.
Claro, isso não será um iPhone de verdade, mas apenas simulará as dimensões do iPhone, eventos de toque e valores do User Agent do navegador.
5. Melhore seu site com auditorias
YSlow é uma ótima ferramenta. Existe uma ferramenta muito semelhante nas ferramentas para desenvolvedores do Google Chrome chamada Audits.
Ele audita rapidamente seu site e oferece sugestões muito práticas e eficazes, além de maneiras de otimizá-lo.
|
Publicado em 13/06/2017 13:11:32
|
|
|
|
Publicado em 13/06/2017 15:24:17