Come impostare due punti di interruzione in una riga negli strumenti di sviluppo di Chrome?


2

Prova di eseguire il debug di JavaScript. In Internet Explorer (sai, quel browser piace a tutti?) È molto facile impostare due punti di interruzione in una riga. Diciamo che la linea è così nell'origine HTML:

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

In IE ho potuto semplicemente fare clic con il pulsante destro del mouse> impostare breakpoint oppure fare clic su entrambi gli avvisi e premere F9. Il debugger passa quindi a entrambi i punti di interruzione.

In Chrome non posso fare una cosa del genere. Non esiste un pulsante destro del mouse> imposta punto di interruzione e CTRL+ Bimposta / rimuove sempre il punto di interruzione per l'intera linea. Nel riquadro dei punti di interruzione sulla destra vedo che i punti di interruzione hanno i punti, ma non esiste un modo manuale per modificarli (anche se non vorrei capire i punti contando).

Non so come utilizzare Chrome o non è possibile in Chrome avere più punti di interruzione in una riga?


Potresti forse usare il pulsante "pretty-print". Link
Vinayak,

Risposte:


4

Utilizzare il Pretty printpulsante per preimpostare il codice JS. Quindi applicare i punti di interruzione su linee separate.

Ecco una dimostrazione: Strumenti per gli sviluppatori di Chrome: pulsante Pretty Print


questo è quello che stavo pensando, avrei dovuto menzionare nell'OP che la stampa carina non funziona con tutti i documenti (immagino che non sia corretta). Nel tuo semplice esempio funziona. Nella mia fonte pretty print non cambia una singola riga nell'HTML.
Dennis G,

1
Ho usato lo stesso codice che hai citato nella tua domanda. Hai dimenticato un "secondo dopo, <script type="text/javascript>motivo per cui non funziona per te. Modificalo in <script type="text/javascript">e il gioco è fatto.
Vinayak,

Si l'hai fatto Come puoi vedere non è un esempio di codice di produzione.
Dennis G,

@DennisG Ho provato a usare questa soluzione su questa stessa pagina. È stato in grado di prettificare anche jquery.js minimizzato e altri script. Tuttavia, se non funziona per te, forse questo link sarebbe d'aiuto?
Vinayak,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.