2015-09-01 9 views
5

La cosa principale che voglio ottenere è impostare i punti di interruzione direttamente in WebStorm invece di doverli trovare nuovamente in Chrome (attualmente lo faccio con gli avvisi come il modo più veloce ...), senza perdere nessuna funzionalità disponibile in Chrome.Debug di WebStorm con Chrome - il miglior flusso di lavoro con console utile e impostazione dei punti di interruzione in WebStorm

Attualmente sto provando a passare dal debug di JavaScript in Chrome al debug in WebStorm direttamente. Ho ottenuto il setup usando Remote Debugging insieme al plugin di Chrome e funziona abbastanza bene.

Ma lo stile della console e le opzioni in WebStorm sono molto lontane da ciò che ho in Chrome. console.warn ha gli stessi colori dell'output di console.log e non riesco a filtrare l'output per errori o avvisi. Ci sono eventuali plug-in o opzioni per migliorare questo comportamento o devo attenermi alla console di Chrome?

E se cado di nuovo ad usare console Chromes, quando si avvia il tool di sviluppo JetBrains di debug plug-in viene disattivato, rendendo i punti di interruzione occupa WebStorm inutili - c'è un flusso di lavoro migliore per ottenere meglio di entrambi i mondi?

Aggiornamento: Sto utilizzando il debugger ; " Comando nel codice per ora, almeno è molto meglio di quello che ho usato prima. Fonte: Set a javascript breakpoint in code - in chrome?

Sono ancora aperto per suggerimenti migliori in cui non è necessario modificare il codice per scopi di debug.

/edit: Ecco uno screenshot del mio setup colore console e uscite (con i corrispondenti comandi sopra di loro): enter image description here

+0

Uno dei problemi se si utilizza il debugger WebStorm è (probabilmente) non essere utile con JS dopo qualsiasi elaborazione/pubblicazione simile a gulp, ad es. una concatenazione o file, e l'utilizzo in congiunzione con BrowserSync ... anche se non sono sicuro al 100%. – Alex

+0

Alex, è vero - ma non ho questo problema (i miei punti di interruzione funzionano) come ho aggiunto una bandiera al mio server per disabilitare cose come questa (nel mio caso vulcanizzazione di Polymer e minification con grunt) quando eseguo il debug. Attualmente sto cercando se esiste un modo per impostare i punti di interruzione in Chrome utilizzando uno script o un file delle impostazioni invece di fare clic sui file. – Compufreak

+0

** Aggiornamento **: ho scoperto il "debugger;" comando che aggiunge un punto di interruzione in chrome (e firefox) - Per ora andrò con me fino a quando non trovo una soluzione migliore. http://stackoverflow.com/questions/10050465/set-a-javascript-breakpoint-in-code-in-chrome. Dover pulire il codice prima del rilascio è un po 'fastidioso, ma è meglio di niente;) – Compufreak

risposta

-1

Non ci sembra essere una soluzione migliore che utilizzare il "debugger;" comando in javascript per l'impostazione dei breakpoint (vedere i commenti alla domanda). In questo modo possiamo usare l'ottimo debugger del browser durante l'impostazione dei breakpoint nel codice.

Problemi correlati