Ferramentas como JSFiddle e Codepen são fantásticas para escrever algum JavaScript / HTML / CSS rápido e vê-lo rodar de forma rápida e fácil no navegador. É especialmente útil para compartilhar soluções para problemas comuns.
Sempre me incomodou, no entanto, que não havia nenhum depurador nessas ferramentas onde eu pudesse instalar pontos de interrupção para percorrer o código ou ver o estado das coisas.
Ou assim pensei.
Você pode usar o comando JavaScript debugger;para atingir um ponto de interrupção, desde que tenha as Ferramentas do desenvolvedor abertas. (Eu só fiz isso com o Chrome, porque você usaria outra coisa?)
Aqui está um JS Fiddle para provar isso.