Javascript / Chrome - Comment copier un objet depuis l'inspecteur du kit web en tant que code

Je fais une instruction console.log dans mon javascript pour enregistrer un objet javascript. Je me demande s'il existe un moyen, une fois cela fait - de copier cet objet en tant que code javascript. Ce que j'essaie de faire est de convertir un objet créé en utilisant ajax pour analyser un flux xml en un objet javascript statique afin qu'un fichier puisse s'exécuter localement, sans serveur. J'ai inclus une capture d'écran de l'objet dans la fenêtre de l'inspecteur Chrome pour que vous puissiez voir ce que j'essaie de faire.

1. Cliquez avec le bouton droit sur un objet dans la console de Chrome et sélectionnez-le Store as Global Variabledans le menu contextuel. Il renverra quelque chose comme le temp1nom de la variable.

2. Chrome a également une copy()méthode, donc copy(temp1)dans la console devrait copier cet objet dans votre presse-papiers.

Remarque sur les objets récursifs: si vous essayez de copier un objet récursif, vous obtiendrez [object Object]. La sortie est de copy(JSON.stringify(temp1)), l'objet sera entièrement copié dans votre presse-papiers en tant que JSON valide, vous pourrez donc le formater comme vous le souhaitez, en utilisant l'une des nombreuses ressources.

Essayez JSON.stringify(). Copiez la chaîne résultante. Ne fonctionne pas avec les objets contenant des références circulaires.

Vous pouvez copier un objet dans votre presse-papiers à l' aide de copy (JSON.stringify (Object_Name)); dans la console.

Par exemple: - Copiez et collez le code ci-dessous dans votre console et appuyez sur ENTRÉE. Maintenant, essayez de le coller (CTRL + V pour Windows ou CMD + V pour mac) ailleurs et vous obtiendrez {"name": "Daniel", "age": 25}

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

copy(JSON.stringify(profile));

Vous pouvez maintenant accomplir cela dans Chrome en cliquant avec le bouton droit sur l'objet et en sélectionnant "Stocker comme variable globale": http://www.youtube.com/watch?v=qALFiTlVWdg

Suivez les étapes suivantes:

1. Sortez l'objet avec console.log à partir de votre code, comme ceci: console.log (myObject)
2. Faites un clic droit sur l'objet et cliquez sur "Stocker en tant qu'objet global". Chrome afficherait le nom de la variable à ce stade. Supposons que cela s'appelle "temp1".
3. Dans la console, tapez: JSON.stringify(temp1).
4. À ce stade, vous verrez l'intégralité de l'objet JSON sous la forme d'une chaîne que vous pouvez copier / coller.
5. Vous pouvez utiliser des outils en ligne comme http://www.jsoneditoronline.org/ pour affiner votre chaîne à ce stade.

Si vous avez envoyé l'objet via une demande, vous pouvez le copier depuis l'onglet Chrome -> Réseau.

Demande de charge utile -> Voir la source

L'utilisation de "Store as a Global Variable" fonctionne, mais elle n'obtient que l'instance finale de l'objet, et non le moment où l'objet est enregistré (car vous souhaiterez probablement comparer les modifications apportées à l'objet au fur et à mesure qu'elles se produisent). Pour obtenir l'objet à son moment exact de modification, j'utilise ceci ...

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

Appelez ça comme ça ...

logObject(puzzle);

Vous souhaiterez peut-être supprimer l'expression régulière .replace (/./ g, ", \ n") si vos données contiennent des virgules.

Donc,. J'ai eu ce problème ,. sauf que j'ai [objet objet]

Je suis sûr que vous pourriez le faire avec la récursivité mais cela a fonctionné pour moi:

Voici ce que j'ai fait dans ma console:

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);

Collez ensuite dans votre éditeur.

Cela devrait aider à filtrer les objets profonds en omettant les objets récursifs Windowet les Nodeobjets.

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}

Faites un clic droit sur les données que vous souhaitez stocker

• Tout d'abord, faites un clic droit sur les données que vous souhaitez stocker -> sélectionnez "Stocker comme variable globale" Et la nouvelle variable temporaire apparaît comme ci-dessous: (variable temp3): Une nouvelle variable temporaire apparaît dans la console
• Deuxième utilisation de la copie de commande (temp_variable_name) comme image: entrez la description de l'image ici Après cela, vous pouvez coller des données où vous le souhaitez. espérons utile /

Ajoutez ceci à votre console et exécutez

copy(JSON.stringify(foo));

Cela copie votre JSON dans le presse-papiers