Herramienta de desarrollo de Chrome: archivo [VM] de javascript

Agregué un punto de interrupción en mi archivo javascript (jaydata.js) y estaba presionando "Pasar a la siguiente llamada de función". Cuando llegó a una línea que era:

},

apareció otro archivo titulado "[VM] (8312)". Seguí haciendo clic en "Pasar a la siguiente llamada de función" y ahora mi pantalla es:

¿Cuáles son estos guiones extraños y misteriosos titulados "[VM] (XXXX" y de dónde provienen?

[VM] (scriptId)No tiene un significado especial. Es un nombre ficticio que nos ayuda a distinguir el código que no está directamente relacionado con un nombre de archivo, como el código creado con evaly amigos.

En el pasado, todas estas secuencias de comandos solo estaban etiquetadas (program).

Si está interesado, solo busque "[VM]"el código fuente de Chromium , descubrirá que estos números no tienen un significado significativo fuera de las herramientas del desarrollador.

actualizar 2015-06-25

[VM] (scriptId)fue renombrado VMscriptId hace un tiempo , y aquí está el enlace directo al resultado de la búsqueda en caso de que el valor cambie nuevamente.

Siempre que cargue contenido HTML a través de AJAX, y ese contenido contenga <script>etiquetas, la secuencia de comandos se evaluará utilizando eval () y la vista de Fuentes de Chrome la reconocerá como un nuevo archivo que comienza con 'VM'. Siempre puede ir a la pestaña Red, encontrar la solicitud AJAX y ver la respuesta HTML en su totalidad, incluido su script.

Cuando se usa eval, el javascript se arroja a las máquinas virtuales de Chrome Debugger. Para ver js creados con eval en Chrome Debugger Sources, establezca este atributo al final (gracias Splaktar) de js:

//@ sourceURL=dynamicScript.js

¿Es posible depurar JavaScript de carga dinámica por algún depurador como WebKit, FireBug o IE8 Developer Tool?

Si desea depurar archivos JS inyectados mediante programación en Chrome, puede usar la debugger;instrucción, esto es más rápido que encontrar dónde está su script y también más rápido que generar un archivo con sourceurl .

Funciona como un punto de interrupción y señala automáticamente su código en la pestaña de fuente de Chrome donde usa la debugger;instrucción.

Tenga en cuenta que la fuente del script es un archivo VMXXX.

Encontré que VM se genera a partir de algunas extensiones de Chrome: insertan CSS / JS en la página y Chrome usa los archivos de VM para ejecutarlo.

Cuando está depurando una fuente de ventana secundaria (iframe) que posteriormente se descarga, su archivo fuente también obtendrá el prefijo VM y el fondo amarillo.

Tuve el mismo problema. El problema es que el código de mi aplicación se consideró blackboxes por accidente. Cuando intenté ingresar al código, seguía abriendo estas VMXXXXpestañas.

Después de eliminar la configuración de blackbox para el archivo js de mi aplicación, pude pasar con éxito mi código.

para evitar esto

(function ()
 {
  var originalEval = eval;
  eval =
   function (script)
   {
    return originalEval(script + "\n//# sourceURL=blackbox-this.js");
   }
 }());

Y luego blackbox ^.*blackbox-this.js$

Lo mismo para setInterval / setTimeout cuando obtiene una cadena (pero eso es una mala práctica de todos modos, ¿verdad?;))

Eso funciona para ti?

Tuve el mismo problema cuando estaba depurando mi aplicación angular. Ver demasiados scripts de VM que no podían ser ennegrecidos realmente tardaba mucho en depurar. Prefiero elegir mozilla / IE explorer para depurar.