Las herramientas para desarrolladores de Chrome ya no muestran todos los archivos JavaScript

86

Ya no todos los archivos JavaScript están visibles en las herramientas de desarrollo de Chorme.

Google Chrome está actualizado. Versión 44.0.2403.130 m Versión de depuración de la aplicación. Guiones en la cabeza.

<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 primera parte de las secuencias de comandos está visible en las Herramientas para desarrolladores de Chrome en el menú Fuentes en la ruta localhost / Scripts / *. La segunda parte de los guiones no es visible desde ayer. ¿Qué pasa con las herramientas de desarrollo?

No hay errores en la consola de JavaScript. Puedo ver solicitudes exitosas de archivos JavaScript en la pestaña de red. Se carga todo JavaScript. La aplicación funciona bien.

¿Qué pasa con las herramientas de desarrollo? ¿Alguien tiene alguna idea?

Si agrego la "carpeta" localhost al espacio de trabajo, todo es visible, incluso los archivos fuente del lado del servidor.

Fosna
fuente
10
Use la pestaña de red en las herramientas de desarrollo y actualice la página para determinar si el archivo js se cargó realmente cuando se carga la página.
Seano666
@ Seano666 Yo hice eso. La explicación de la pregunta se aclara como resultado de su comentario. Gracias.
Fosna
2
ponga un console.log en un archivo fuente, actualice la página, obtendrá el archivo console.log y puede hacer clic en fuente desde la consola.
SilentTremor
Si no hay un registro de consola presente, significa que sus archivos fuente no se cargan desde donde espera estar.
SilentTremor
@SilentTremor Gran idea. Gracias. El nombre del archivo junto al mensaje del parámetro console.log () es VM254 DdiClientMain.js: 17. Me pregunto que significa esto.
Fosna

Respuestas:

114

Abrí la pestaña de red en las herramientas de desarrollador y presioné F5 para actualizar - gracias @ Seano666 por su comentario sobre la pregunta

abiNerd
fuente
9
esto funcionó para mí también. abrir la pestaña de red durante la recarga parece afectar el error
CodeToad
Consejo profesional: puede ordenar todo lo que se ha cargado en una página ordenando por 'Tipo', de esa manera todos los scripts se enumeran juntos
Novastorm
Abrir Devtools funciona bien para mí. No es necesario abrir la pestaña Red.
Surjith SM
Vaya, esto funcionó. ¿Cómo descubrió esta solución? : P
Gokul NK
Este error todavía existe en la versión 77.0.3865.90 (compilación oficial) (64 bits)
Markus Zeller
40

Para mí, solo tuve que abrir la configuración de Herramientas de desarrollo y hacer clic en el botón "Restaurar valores predeterminados y recargar" en la primera pestaña.

Luego, todos mis scripts locales volvieron a aparecer y la depuración volvió a la normalidad.

Brendan
fuente
21

Agregue la debugger;instrucción en cualquier parte de su secuencia de comandos, el depurador se detendrá en este punto y le mostrará la secuencia de comandos, incluso si la secuencia de comandos se carga dinámicamente.

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

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

                        $(option).appendTo(combo);
                    });
                }
bigpony
fuente
2
Esto funcionó perfectamente para un script que se cargó a través de una llamada AJAX que se negaría a mostrarse en el panel de fuentes. Dado que Chrome lo estaba ejecutando en un archivo VM de algún tipo, poner la debugger;línea forzó a Chrome a abrir el archivo VM.
James Haug
@JamesHaug de hecho, esta es la única forma en que podría depurar scripts cargados dinámicamente, ya sea que se cargaron a través de un marco o se inyectaron
bigpony
Esto funcionó para mí, pero aún no se muestra si no tengo el 'depurador' allí.
Steve
10

Intente hacer clic derecho en el reloadbotón en las herramientas de desarrollo.
Usted obtendrá un menú desde el que puede elegir: Empty Cache & Hard Reload.
Eso funcionó para mí.

Fuego del Sur
fuente
Esto también funciona para mí. Además, incluso antes de actualizar, puedo encontrar el script que falta en la pestaña 'Aplicación'.
knopch1425
4

Tuve el mismo problema y "Vaciar caché y recargar duro" funcionó para mí.

koshy6252
fuente
Funcionó para mí sin necesidad de reinstalar Chrome
Dimitry K
3

Problema: había estado desarrollando / depurando durante algún tiempo y luego encontré un problema similar. Aunque los registros de mi consola mostraban números de línea, cuando hice clic en ellos, fui llevado a la línea 1 de una página en blanco. Mis scripts estaban incrustados en el html, por lo que podía verlos en la pestaña Elementos, pero cuando abrí el archivo en la pestaña Fuentes, estaba en blanco.

Solución: La solución para mí fue copiar la dirección URL y pegarla en una nueva pestaña y volver a abrir las herramientas de desarrollo. La pestaña original se había deteriorado de alguna manera.

Marcus
fuente
En efecto. Tuve exactamente el mismo problema. Reinició Chrome que solucionó el problema.
Rustem Zinnatullin
2

El problema se debe al mapeo y anulación de mapeo de la red. Hay un error extraño en las herramientas de desarrollo de Chrome que causa este tipo de problemas. Algunas veces incluso puede ver archivos css antiguos en la barra lateral y cuando abre el archivo css desde la barra lateral izquierda. estaría en blanco o, peor aún, ni siquiera sería visible.

Incluso he probado todas las opciones. reiniciar, eliminar todo el chache, desmapear el mapa. modo incognito. Pero al final tuve que reinstalar para hacer esta solución.

Así que adelante, haz una nueva instalación de Chrome. todo debería estar bien.

Tarandeep Singh
fuente
2

He experimentado el mismo problema con una carpeta que no se carga y lo resolví de la siguiente manera:

  1. En el Sourcesmodo, haga clic en el botón resaltado en azul:

    ingrese la descripción de la imagen aquí

  2. Seleccione Open file.

  3. Escriba el nombre del archivo deseado en el cuadro de entrada de búsqueda.

  4. Seleccione el archivo de la lista de resultados.

NiVeR
fuente
1

La razón es que su archivo de secuencia de comandos aún no está cargado, actualice la página con f5 y verá las secuencias de comandos enumeradas en las fuentes. Esto sucedió cuando puso su etiqueta de secuencia de comandos en la parte inferior de la etiqueta.

akaMahesh
fuente
1

En mi caso, fue el problema de la caché de Chrome. Refrescante no funcionó para mí. Después de mapear el archivo a continuación, solucioné mi problema

1- Abra el archivo en el navegador, por ejemplo, http://example.com/script.js

2- Agregue una versión, por ejemplo, http://example.com/script.js ? V = 2

Esto borra la caché y el archivo comienza a mostrarse como editable.

Onur Kocatas
fuente
1

Si está depurando en Chrome, agregue el depurador; declaración antes y después en el javascript donde desea que el navegador se detenga para la depuración

Gopal Sinha
fuente
0

He reinstalado Chrome eliminando los datos del perfil de Chrome. Ahora funciona.

Fosna
fuente
1
¿Hay algún lugar para eliminar selectivamente los datos de perfil para las herramientas de desarrollo de Chrome? No quiero perder el historial completo y los marcadores, etc.
Alex
3
Me encontré con esta respuesta y puede restablecer selectivamente la configuración de las herramientas de desarrollo sin eliminar todo el perfil de Chrome. Presione F12, luego F1 y en la parte inferior de la página hay un botón que simplemente restablecerá las herramientas de desarrollo.
Michael Thessel
Muchas gracias Michael Tessel: mi desarrollador de Chrome, por razones desconocidas, comenzó a mostrar solo mis archivos menos (lo que dificulta bastante la depuración). Restablecí la configuración de devtool y todo funcionó de nuevo. :-)
hasse
0

He experimentado el mismo problema, todo lo que hice fue eliminar todos los archivos temporales en el AppData local, bajo su nombre de perfil, por ejemplo, C: \ Users \ userprofile \ AppData \ Local \ Temp

Steward Bopape
fuente
0

Para mí también fue un problema de "mapeo y desmapeado". Eliminé todas las asignaciones, pero las carpetas del sitio web no estaban visibles.

La solución para mí fue: en la configuración de las herramientas de desarrollo, vaya a la pestaña "Espacio de trabajo". Todavía había algunos mapas. Quité todo. Después de una recarga estuvo bien.

Matteo Tosato
fuente
0

Tuve el mismo problema y probé las respuestas mencionadas, pero resultó que Google Chrome se actualizó silenciosamente y necesita ser reiniciado, entonces todo funciona bien.

Ingrese chrome://settings/helpsu URL de Chrome y verifique si necesita reiniciarse.

Shiko
fuente
0

Me enfrenté a este problema, debido a un error de ortografía dentro de la etiqueta de script de JavaScript.

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

El problema fue un error ortográfico dentro del atributo type, que luego cambié a:

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

y funcionó sin problemas para mí, a veces el problema es muy pequeño pero los efectos son mayores.

ArifMustafa
fuente
0

En mi caso, el problema era que los archivos JavaScript que tenía tardaban mucho más en cargarse (unos 5 minutos), por lo que me daba la impresión de que no se estaban cargando en absoluto. He visto que esto sucede cuando cargo el proyecto local después de mucho tiempo. Una vez que se cargan, permanecen en la memoria incluso después de actualizar la página.

Saumil
fuente