Herramienta para desarrolladores de Chrome: el script html está en blanco (en la fuente) tutorial de depuración

Estoy haciendo el tutorial de depuración de C hrome , usando NetBeans y Google Chrome. Todo, incluidas las extensiones, parece funcionar correctamente, pero cuando llego a la sección Use the Debugger, no puedo ver el código html para insertar un punto de interrupción.

Después de seleccionar inspeccionar ventana emergente en el navegador, se abre en la consola y no muestra nada, Elements muestra popup.html con imágenes agregadas. Cuando voy a Fuentes, se puede abrir el archivo popup.html, pero la única línea, la Línea 1, está en blanco. Si abro el archivo js, ​​el archivo js está allí y se puede editar (romper en punta).

Lo siento, probablemente algo básico, pero no tengo mucha experiencia con esto. Intenté recargar y actualizar todo.

SEGUIMIENTO: Al ingresar location.reload(true)en el indicador de la consola, el archivo popup.html se hizo visible como fuente. ¿Por qué? Ni idea.

Espero que esto le salve a alguien el día completo que pasé dando tumbos.

Este parece ser un problema conocido con Chromium DevTools. Básicamente, el HTML y otros contenidos que no son secuencias de comandos ya se eliminan antes de que se abra DevTools y no hay una forma confiable de recuperarlos. Actualizar la página con DevTools abierto "corrige" el problema.

en mi caso la orden ayudó fue

1. cerrar la pestaña en blanco en las fuentes
2. cerrar herramientas de desarrollo
3. abrir herramientas de desarrollo
4. abre la pestaña en fuentes (todavía está en blanco)
5. actualizar página

Tuve este problema y acabo de descubrir que deshabilitar "Habilitar mapas de código fuente Javascript" en la ventana de configuración del Inspector (F1) lo resolvió

Recreé mi js.map, volví a habilitar la configuración y la fuente todavía estaba disponible.

Así que creo que mi problema era que estaba sirviendo js no minificados (configuraciones de desarrollo), pero el mapa (creado para configuraciones de producción) todavía estaba allí y desactualizado.

En mi caso, no pude acceder a la consola porque su pestaña también mostraba una página en blanco. Mi solución es usar la combinación CTRL + MAYÚS + I con la pantalla del depurador en blanco enfocada, luego escribir parent.location.reload(true)en la consola del depurador emergente.

En mi caso, había una extensión en Chrome que hacía que el depurador diera la página de índice en blanco en una sección "sin dominio" del depurador. Después de deshabilitar todas las extensiones no esenciales en Chrome, el depurador volvió a mostrar la fuente correcta.

Herramientas de desarrollo (F12) -> Ventana de configuración del inspector (F1) -> Restaurar valores predeterminados y recargar [botón en la parte inferior] funciona para mí!

He notado que algunos problemas serios de JavaScript causan problemas como este. En mi caso, estaba sobrescribiendo erróneamente todo mi documento debido a un error tipográfico.

Si obtiene una página html en blanco en el depurador de Chromium WebTools, eche un vistazo a su javascript para asegurarse de que no esté haciendo nada extraño.

Solucioné mi problema usando una nueva sesión con el argumento de línea de comando "--user-data-dir", y deshabilitando "Habilitar mapas de código fuente Javascript". Mi código aparece bien en el depurador de Firefox, por lo que parece causado por un error de Chrome.

Yo tuve el mismo problema. Incluso una actualización de la página no funcionó.

Yendo chrome://help y actualizar el navegador + reiniciar funcionó para mí.

También puede actualizar Chrome a través del menú:

en mi caso, sucedió de repente, después de que me infecté con malware y reinicié mi navegador: se eliminó la caché / datos de la aplicación.

Solución: eliminar la extensión que puede afectar a Js en mi caso

eliminé / deshabilité la siguiente extensión y trabajé https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

extraño porque antes de tener ese complemento sin problema, creo que es como una reanimación cardiopulmonar. :)

En mi caso, tragué con browsersync ejecutándose durante unos días. Reboté y resolví mi problema.

También tuve este problema cuando tenía un gran archivo de script java, tenía esta línea

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

en un ciclo for y contaba 3000 elementos, por lo que el archivo creció mucho en el script y el archivo estaba en blanco en las fuentes de Chrome. (Creo que golpeé alguna limitación)

Después de hacer el archivo más pequeño quitando a 100 elementos, funcionó bien.