Javascript / Chrome-Cómo copiar un objeto desde el inspector de webkit como código

Estoy haciendo una consola.instrucción log en mi javascript para registrar un objeto javascript. Me pregunto si hay una manera, una vez hecho esto, de copiar ese objeto como código javascript. Lo que estoy tratando de hacer es convertir un objeto que fue creado usando ajax para analizar una fuente xml en un objeto javascript estático para que un archivo pueda ejecutarse localmente, sin un servidor. He incluido una captura de pantalla del objeto en la ventana de Chrome inspector para que pueda ver lo que estoy tratando de hacer.introduzca la descripción de la imagen aquí

Author: mheavers, 2012-04-25
Source

8 answers

  1. Haga clic con el botón derecho en un objeto en la consola de Chrome y seleccione Store as Global Variable en el menú contextual. Devolverá algo como temp1 como el nombre de la variable.

  2. Chrome también tiene un método copy(), por lo que copy(temp1) en la consola debe copiar ese objeto en el portapapeles.

Copiar objeto Javascript en Chrome DevTools

Nota sobre los objetos recursivos: Si está intentando copiar un objeto recursivo, obtendrá [object Object]. Esto es de esperar.

 627
Author: kevnk,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-02-23 18:58:09

Intente JSON.stringify(). Copie la cadena resultante.

 37
Author: Salman A,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-07 13:04:43

Ahora puede lograr esto en Chrome haciendo clic derecho en el objeto y seleccionando "Almacenar como variable global": http://www.youtube.com/watch?v=qALFiTlVWdg

introduzca la descripción de la imagen aquí

 22
Author: David Calhoun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-22 21:05:31

Puede copiar un objeto a su tablero de clips usando copy(JSON.stringify (Object_Name)); en la consola.

Por ejemplo: - Pegue el siguiente código en su consola y presione enter, luego intente pegarlo (ctrl + V) en algún otro lugar y obtendrá {"nombre": "Daniel", "edad":25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));
 21
Author: Sudharshan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-05-21 07:40:41

Siga los siguientes pasos:

  1. Muestra el objeto con la consola.registro de su código, así: consola.log (myObject)
  2. Haga clic derecho en el objeto y haga clic en "Almacenar como objeto global". Chrome imprimiría el nombre de la variable en este punto. Supongamos que se llama "temp1".
  3. En la consola, escriba: JSON.stringify(temp1).
  4. En este punto verá todo el objeto JSON como una cadena que puede copiar/pegar.
  5. Puede utilizar herramientas en línea como http://www.jsoneditoronline.org / para embellecer tu cadena en este punto.
 8
Author: sufinawaz,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-02 03:20:35

Si ha enviado el objeto a través de una solicitud, puede copiarlo desde la pestaña Chrome -> Red.

Solicitar carga útil - > Ver fuente

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

 5
Author: Christopher Marshall,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-09-12 16:51:25

Usar "Store as a Global Variable" funciona, pero solo obtiene la instancia final del objeto, y no el momento en que se registra el objeto (ya que es probable que desee comparar los cambios al objeto a medida que ocurren). Para obtener el objeto en su punto exacto en el momento de ser modificado, uso esto...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

Llámalo así...

logObject(puzzle);

Es posible que desee eliminar el .reemplazar(/./ g, ",\n") regex si sus datos tienen comas.

 0
Author: HoldOffHunger,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-01 21:12:04

So,. Tuve este problema,. excepto que tengo [object object]

Estoy seguro de que podrías hacer esto con recursión, pero esto funcionó para mí:

Esto es lo que hice en mi consola: 

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

Luego pégalo en tu editor.

 0
Author: twalow,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-09 01:22:26