Como definir dois pontos de interrupção em uma linha nas ferramentas de desenvolvedor do Chrome?

Question

Tentando depurar alguns JavaScript. No Internet Explorer (você sabe, aquele navegador que todo mundo adora?) É muito fácil definir dois pontos de interrupção em uma linha. Digamos que a linha seja assim na fonte HTML:

<script type="text/javascript">function something() {alert("foo");}</script><script type="text/javascript">function somethingelse() {alert("bar");}</script>

No IE, eu poderia apenas clicar com o botão direito > defina o ponto de interrupção ou clique nos dois alertas e pressione F9 . O depurador então entra em ambos os pontos de interrupção.

No Chrome, não posso fazer isso. Não há botão direito do mouse > set breakpoint e CTRL + B sempre define / remove o ponto de interrupção para toda a linha. No painel de pontos de interrupção à direita, posso ver que os pontos de interrupção têm cols, mas não há uma maneira manual de editá-los (mesmo que eu não queira descobrir os cols contando).

Não sei como usar o Chrome ou não é possível no Chrome ter vários pontos de interrupção em uma linha?

    

Answer 1

Use o botão Pretty print para refinar o código JS. Em seguida, aplique os pontos de interrupção em linhas separadas.

Aqui está uma demonstração: