debugging - depurar - Herramienta de desarrollo de Chrome: la secuencia de comandos html es un tutorial de depuración en blanco(en origen)
depurar javascript chrome (10)
En mi caso, había una extensión en Chrome que causaba que el depurador le diera a la página de índice en blanco una sección "sin dominio" del depurador. Después de deshabilitar todas las extensiones no esenciales en Chrome, el depurador mostró nuevamente la fuente correcta.
Estoy haciendo el tutorial de depuración de Crome , 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, sin mostrar nada, Elements muestra popup.html con las 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á ahí y se puede editar (rotar en punta).
Lo siento, probablemente sea algo básico, pero no tengo mucha experiencia con esto. Intenté volver a cargar y actualizar todo.
SEGUIMIENTO: Al ingresar location.reload(true) en el prompt de la Consola, el archivo popup.html se hizo visible como Fuente. ¿Por qué? Ni idea.
Espero que esto le ahorre a alguien el día completo que pasé tropezando.
En mi caso, no pude acceder a la consola ya que su pestaña también muestra una página en blanco. Mi solución es usar la combinación CTRL + MAYÚS + I con la pantalla depuradora en blanco en foco, luego escribir parent.location.reload(true) en la consola del depurador emergente.
En mi caso, tuve un trago con browsersync corriendo por unos días. Rebote trago y resolví mi problema.
Esto parece ser un problema conocido con Chromium DevTools. Básicamente, el contenido HTML y otro contenido que no es de script ya se vació antes de que se abra DevTools y no hay una manera confiable de recuperarlo. Actualizar la página con DevTools abre "corrige" el problema.
Me he dado cuenta de que algunos problemas graves de JavaScript causan problemas como este. En mi caso, estaba sobrescribiendo erróneamente mi documento completo debido a un error tipográfico.
Si está obteniendo 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.
Resolví mi problema utilizando una nueva sesión con el argumento de línea de comando "--user-data-dir" y deshabilitando "Habilitar los mapas de fuente de Javascript". Mi código aparece bien en el depurador de Firefox, por lo que parece causado por un error de Chrome.
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 para que el archivo creciera a lo grande en el script y el archivo estuviera en blanco en las fuentes chrome. (Creo que llegué a alguna limitación)
Después de hacer el archivo más pequeño quitando 100 elementos, funcionó bien.
Tuve este problema y acabo de descubrir que la desactivación de "Habilitar los mapas de origen de 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 aún estaba disponible.
Así que creo que mi problema era que estaba sirviendo js sin configuración (configuración de desarrollo), pero el mapa (creado para la configuración de prod) todavía estaba allí y no estaba actualizado.
en mi caso, sucedió de repente, después de infectarme con malware y reiniciar mi navegador: eliminé el caché / appdata.
Solución: elimine la extensión que pueda afectar a Js en mi caso
Eliminé / inhabilité la siguiente extensión y trabajé en https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en
Extraño porque antes de usar ese complemento sin problema, creo que es como la RCP de corazón. :)