Gli strumenti per sviluppatori di Chrome non mostrano più tutti i file JavaScript


87

Non tutti i file JavaScript sono più visibili negli strumenti per sviluppatori Chorme.

Google Chrome è aggiornato. Versione 44.0.2403.130 m Versione di debug dell'app. Script in testa.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

La prima parte degli script è visibile negli Strumenti per sviluppatori di Chrome nel menu Fonti su localhost / Scripts / * path. La seconda parte degli script non è visibile da ieri. Qual è il problema con gli strumenti per sviluppatori?

Non ci sono errori nella console JavaScript. Posso vedere le richieste riuscite per i file JavaScript nella scheda di rete. Tutto il JavaScript viene caricato. L'applicazione funziona bene.

Qual è il problema con gli strumenti per sviluppatori? Qualcuno ha un'idea?

Se aggiungo la "cartella" localhost all'area di lavoro, tutto è visibile, anche i file di origine lato server.


10
Utilizza la scheda Rete negli strumenti di sviluppo e aggiorna la pagina per determinare se il file js è stato effettivamente caricato al caricamento della pagina.
Seano666

@ Seano666 L'ho fatto. La spiegazione della domanda è chiarita come risultato del tuo commento. Grazie.
Fosna

2
metti un console.log in un file sorgente, aggiorna la pagina, otterrai il console.log e puoi fare clic su source dalla console.
SilentTremor

Se non è presente alcun registro della console, significa che i file di origine non vengono caricati da dove ci si aspetta di essere.
SilentTremor

@SilentTremor Ottima idea. Grazie. Il nome del file accanto al messaggio dal parametro console.log () è VM254 DdiClientMain.js: 17. Mi chiedo cosa significhi?
Fosna

Risposte:


118

Ha aperto la scheda di rete negli strumenti per sviluppatori e ha premuto F5 per aggiornare - grazie @ Seano666 per il tuo commento sulla domanda


10
questo ha funzionato anche per me. l'apertura della scheda di rete durante il ricaricamento sembra influenzare il bug
CodeToad

Suggerimento: puoi ordinare tutto ciò che è stato caricato su una pagina ordinandolo per "Tipo", in questo modo tutti gli script sono elencati insieme
Novastorm

L'apertura dei Devtools funziona bene per me. Non è necessario aprire la scheda Rete.
Surjith SM

Wow, ha funzionato. Come hai fatto a capire questa soluzione? : P
Gokul NK

Questo bug esiste ancora nella versione 77.0.3865.90 (build ufficiale) (64 bit)
Markus Zeller

41

Per me dovevo solo aprire le impostazioni degli strumenti per sviluppatori e fare clic sul pulsante "Ripristina impostazioni predefinite e ricarica" ​​nella prima scheda.

Quindi tutti i miei script locali sono apparsi di nuovo e il debug è tornato alla normalità.


21

Aggiungi l' debugger;istruzione in qualsiasi parte dello script, il debugger si fermerà a questo punto e ti mostrerà lo script, anche se lo script è caricato dinamicamente.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

2
Questo ha funzionato perfettamente per uno script caricato tramite una chiamata AJAX che si rifiutava di mostrare nel pannello delle fonti. Poiché Chrome lo stava eseguendo in un file VM di qualche tipo, l'inserimento della debugger;riga ha costretto Chrome ad aprire il file VM.
James Haug

@JamesHaug infatti, questo è l'unico modo in cui posso eseguire il debug di script caricati dinamicamente, sia che siano stati caricati tramite un framework o iniettati
bigpony

Questo ha funzionato per me, ma ancora non viene visualizzato se non ho il "debugger" lì.
Steve

10

Prova a fare clic con il reloadpulsante destro del mouse sul pulsante negli strumenti per sviluppatori.
Otterrete un menu da cui è possibile scegliere: Empty Cache & Hard Reload.
Ha funzionato per me.


Funziona anche per me. Inoltre, anche prima dell'aggiornamento, posso trovare lo script mancante nella scheda "Applicazione".
knopch1425

4

Ho avuto lo stesso problema e "Svuota cache e ricarica hardware" ha funzionato per me.


Ha funzionato per me senza bisogno di reinstallare Chrome
Dimitry K

3

Problema: avevo sviluppato / eseguito il debug per un po 'di tempo, quindi ho riscontrato un problema simile. Anche se i registri della mia console mostravano i numeri di riga, quando li ho cliccati, sono stato portato alla riga 1 di una pagina vuota. I miei script erano incorporati nell'html, quindi potevo vederli nella scheda Elementi, ma quando ho aperto il file nella scheda Sorgenti, era solo vuoto.

Soluzione: la soluzione per me era copiare l'indirizzo URL e incollarlo in una nuova scheda e riaprire gli strumenti di sviluppo. La scheda originale era entrata in uno stato negativo in qualche modo.


Infatti. Ho avuto esattamente lo stesso problema. Chrome riavviato che ha risolto il problema.
Rustem Zinnatullin

2

Il problema è dovuto alla mappatura e all'annullamento della mappatura della rete. C'è qualche strano bug negli strumenti di sviluppo di Chrome che causa questo tipo di problemi. Alcune volte potresti persino vedere vecchi file CSS nella barra laterale e quando apri il file CSS dalla barra laterale sinistra. sarebbe solo vuoto o, peggio ancora, non sarà nemmeno visibile.

Anche io ho provato tutte le opzioni. riavvio, rimozione di tutto il chache, mappatura del mapping. Modalità incognito. Ma alla fine ha dovuto reinstallare per fare questa correzione.

Quindi procedi con una nuova installazione di Chrome. tutto dovrebbe andare bene.


2

Ho riscontrato lo stesso problema con una cartella non caricata e l'ho risolto nel modo seguente:

  1. In Sourcesmodalità, fai clic sul pulsante evidenziato in blu:

    inserisci qui la descrizione dell'immagine

  2. Selezionare Open file .

  3. Digita il nome del file desiderato nella casella di input di ricerca.

  4. Seleziona il file dall'elenco dei risultati.


1

Il motivo è che il tuo file di script non è ancora caricato, aggiorna la pagina con f5 e vedrai gli script elencati nelle fonti. Ciò è accaduto quando si inserisce il tag di script in fondo al tag.


1

Nel mio caso è stato il problema della cache di Chrome. Rinfrescare non ha funzionato per me. Dopo aver mappato il file di seguito, ho risolto il problema

1- Apri il file sul browser es http://example.com/script.js

2- Aggiungi una versione, ad esempio http://example.com/script.js ? V = 2

Questo cancella la cache e il file inizia a essere visualizzato come modificabile.


1

Se stai eseguendo il debug in Chrome, aggiungi il debugger; prima e dopo nel javascript in cui si desidera che il browser si fermi per il debug


0

Ho reinstallato Chrome rimuovendo i dati del profilo di Chrome. Ora funziona.


1
C'è un posto dove eliminare selettivamente i dati del profilo per gli strumenti di sviluppo di Chrome? Non voglio perdere la cronologia completa, i segnalibri e così via.
Alex

3
Mi sono imbattuto in questa risposta e puoi ripristinare selettivamente le impostazioni degli strumenti di sviluppo senza eliminare l'intero profilo di Chrome. Premi F12, quindi F1 e in fondo alla pagina c'è un pulsante che reimposterà gli strumenti di sviluppo.
Michael Thessel,

Grazie mille Michael Tessel - il mio sviluppatore di Chrome per oscuri motivi ha iniziato a mostrare solo i miei file less (il che rende il debug piuttosto difficile). Ho ripristinato le impostazioni di devtool e tutto ha funzionato di nuovo! :-)
hasse

0

Ho riscontrato lo stesso problema, tutto ciò che ho fatto è stato eliminare tutti i file Temp nell'AppData locale, sotto il nome del tuo profilo, ad esempio C: \ Users \ userprofile \ AppData \ Local \ Temp


0

Per me è stato anche un problema di "mappatura e rimozione delle mappe". Ho rimosso tutte le mappature, ma le cartelle sotto il sito web non erano visibili.

La soluzione per me era: nelle impostazioni degli strumenti di sviluppo vai alla scheda "Area di lavoro". C'erano ancora alcune mappature. Ho rimosso tutto. Dopo una ricarica andava bene.


0

Ho avuto lo stesso problema e ho provato le risposte menzionate, ma si è scoperto che Google Chrome si aggiornava silenziosamente e deve essere riavviato, quindi tutto funziona bene.

Inserisci il chrome://settings/helptuo URL di Chrome e controlla se è necessario riavviarlo.


0

Ho riscontrato questo problema, a causa di un errore di ortografia all'interno del tag di script javascript.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

problema erano errori di ortografia all'interno dell'attributo type, che poi ho cambiato in:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

e ha funzionato senza problemi per me, a volte il problema è molto minore ma gli effetti sono più grandi.


0

Nel mio caso, il problema era che i file JavaScript che avevo impiegavano molto più tempo a caricarsi (circa 5 minuti), quindi mi dava l'impressione che non venissero caricati affatto. L'ho visto accadere quando carico il progetto locale dopo molto tempo. Una volta caricati, rimangono in memoria anche dopo aver aggiornato la pagina.

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.