Strumento per sviluppatori di Chrome: lo script html è vuoto (nel codice sorgente) tutorial di debug

Sto eseguendo il tutorial di debug di C hrome , utilizzando NetBeans e Google Chrome. Tutto, comprese le estensioni, sembra funzionare correttamente, ma quando arrivo alla sezione Use the Debugger, non riesco a vedere il codice html per inserire un punto di interruzione.

Dopo aver selezionato ispeziona popup nel browser, si apre in Console, senza mostrare nulla, Elements mostra popup.html con immagini aggiunte. Quando vado su Fonti, il file popup.html può essere aperto, ma l'unica riga, Riga 1, è vuota. Se apro il file js, il file js è lì e può essere modificato (interrotto).

Mi dispiace, probabilmente qualcosa di basilare, ma non sono molto esperto in questo. Ho provato a ricaricare e aggiornare tutto.

FOLLOW-UP: entrando location.reload(true)nel prompt della console, il file popup.html è diventato visibile come sorgente! Perché? Nessuna idea.

Spero che questo salvi qualcuno per l'intera giornata che ho passato a inciampare.

Questo sembra essere un problema noto con Chromium DevTools. Fondamentalmente, il contenuto HTML e altri contenuti non di script sono già stati scaricati prima dell'apertura di DevTools e non esiste un modo affidabile per recuperarli. Aggiornare la pagina con DevTools aperto "corregge" il problema.

nel mio caso l'ordine aiutato era

1. chiudere la scheda vuota in sorgenti
2. chiudere gli strumenti di sviluppo
3. strumenti di sviluppo aperti
4. apri la scheda nei sorgenti (è ancora vuota)
5. aggiorna pagina

Ho avuto questo problema e ho appena scoperto che la disabilitazione di "Abilita mappe sorgente Javascript" dalla finestra delle impostazioni di Inspector (F1) lo ha risolto

Ho ricreato il mio js.map, riabilitato l'impostazione e la fonte era ancora disponibile.

Quindi penso che il mio problema fosse che stavo servendo js non minimizzati (impostazioni di sviluppo), ma la mappa (costruita per le impostazioni di produzione) era ancora lì e non aggiornata.

Nel mio caso, non sono stato in grado di accedere alla console poiché la scheda mostrava anche una pagina vuota. La mia soluzione è usare la combinazione CTRL + MAIUSC + I con la schermata vuota del debugger a fuoco, quindi digitare parent.location.reload(true)nella console del debugger popup.

Nel mio caso c'era un'estensione in Chrome che faceva sì che il debugger fornisse la pagina di indice vuota in una sezione "nessun dominio" del debugger. Dopo aver disabilitato tutte le estensioni non essenziali in Chrome, il debugger ha mostrato di nuovo la fonte corretta.

Dev Tools (F12) -> Finestra delle impostazioni dell'ispettore (F1) -> Ripristina impostazioni predefinite e ricarica [pulsante in basso] funziona per me!

Ho notato che alcuni gravi problemi di javascript causano problemi come questo. Nel mio caso, ho sovrascritto erroneamente l'intero documento a causa di un errore di battitura.

Se ottieni una pagina html vuota nel debugger di Chromium WebTools, dai un'occhiata al tuo javascript per assicurarti che non stia facendo nulla di strano.

Ho risolto il mio problema utilizzando una nuova sessione con l'argomento della riga di comando "--user-data-dir" e disabilitando "Abilita Javascript Source Maps". Il mio codice viene visualizzato correttamente nel debugger di Firefox, quindi sembra causato da un bug di Chrome.

Ho avuto lo stesso problema. Anche un aggiornamento della pagina non ha funzionato.

Andare chrome://helpe aggiornare il browser + riavvio ha funzionato per me.

Puoi aggiornare Chrome anche tramite il menu:

nel mio caso è successo all'improvviso, dopo che ho infettato da malware e ho ripristinato il mio browser - cache / dati app cancellati.

Soluzione: rimuovi l'estensione che potrebbe influire su Js nel mio caso

ho rimosso / disabilitato l'estensione seguente e ho lavorato su https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

strano perché prima di avere quell'addon senza problemi, penso che sia come la RCP a cuore. :)

Nel mio caso, ho avuto gulp con browsersync in esecuzione per alcuni giorni. Ho rimbalzato gulp e ho risolto il mio problema.

Ho avuto anche questo problema quando avevo un enorme file java-script, avevo questa riga

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

in un ciclo for e contava 3000 elementi, quindi il file diventava grande nello script e il file era vuoto nei sorgenti di Chrome. (Penso di aver colpito qualche limitazione)

Dopo aver ridotto il file rimuovendo a 100 elementi, ha funzionato perfettamente.