Javascript / Chrome - Comment copier un objet à partir de la webkit inspecteur de code

Je fais un console.instruction de journal dans mon javascript pour journal d'un objet javascript. Je me demandais si il existe un moyen, une fois que c'est fait pour copier l'objet en tant que code javascript. Ce que j'essaie de faire est de convertir un objet qui a été créé à l'aide d'ajax pour parser un flux xml dans une statique de l'objet javascript pour qu'un fichier puisse l'exécuter localement, sans serveur. J'ai inclus une copie d'écran de l'objet dans l'inspecteur de chrome fenêtre de sorte que vous pouvez voir ce que je suis en train de faire.Javascript /Chrome - Comment copier un objet à partir de la webkit inspecteur de code

  • Essayez d'utiliser firefox et de l'option .toSource(). C'est plus facile
InformationsquelleAutor mheavers | 2012-04-24
  1. 888

    1. Droit sur un objet dans la console de Chrome et sélectionnez Store as Global Variable dans le menu contextuel. Il sera de retour quelque chose comme temp1 le nom de la variable.

    2. Chrome a aussi un copy() méthode, de sorte copy(temp1) dans la console devrait copie de l'objet dans le presse-papiers.

    Javascript /Chrome - Comment copier un objet à partir de la webkit inspecteur de code

    Note sur Récursive Objets: Si vous essayez de copier un appel récursif de l'objet, vous obtiendrez [object Object]. Ce n'est à prévoir.

    • retour indéfini dans la Version chrome 49.0.2623.87 (64 bits) ? pourquoi >?
    • qui est prévu à partir de la copie() la méthode car il n'y a rien à y retourner. Les données doivent être dans votre presse-papiers.
    • Cela donne juste [object Object] pour moi.
    • essayez de vous connecter avec JSON.stringify comme ceci: stackoverflow.com/a/4293047/622287
    • ne fonctionne pas pour moi
    • Œuvres! Malheureusement, il semble donner la version la plus récente de l'objet à l'script endtime, non pas au moment de console.info.
    • dans ce cas, je vais essayer de journalisation comme JSON.stringify(yourObject) au lieu
    • Yeap, qui a travaillé, merci! Exactement ce que j'ai fait --> function logObject(objet) { console.info(JSON.stringify(objet).replace(/,/g, ",\n")); }
    • Obtenir message Failed to save to temp variable.
    • ne fonctionne pas, il dit "ne parvient pas à stocker variable temp'
    • Quelle version de navigateur que vous utilisez? C'est encore à travailler pour moi sur Chrome 62.0.3202.94
    • J'ai juste mis à jour pour Chrome v63 et il fonctionne toujours pour moi...
    • Ne fonctionne pas à l'aide de la version 64.0.3282.140, de toute autre manière à obtenir vos mains sur ce sans l'aide de la Store as global variable option?
    • Excellent ! Son fonctionnement.
    • il ne fonctionne que si vous avez un peu de JS objet, si vous avez récursive profonde de l'objet alors que vous allez obtenir [Object Object] - c'est prévu
    • Quel est le {"a":1} à la fin? Qu'est-ce que cela?
    • c'était moi, coller les résultats. Désolé si c'est confus.
    • l'option n'existent pas dans chrome 74
    • Je suis sur v75 et le "Store en tant que Variable Globale" option existe pour les objets et les tableaux...
    • il travaille pour récursive lorsqu'il est utilisé comme console.log(JSON.stringify(tepm1))

    InformationsquelleAutor kevnk
  2. 47

    Essayer JSON.stringify(). Copiez la chaîne résultante.

    • Je ne vois pas comment cela pourrait fonctionner, sauf si vous modifiez le code qui enregistre.
    • Pour une raison quelconque, cela ne fonctionne pas quand j'essaie de stringify un keyboardevent...
    • Je reçois TypeError: Converting circular structure to JSON
    InformationsquelleAutor Salman A
  3. 34

    Vous pouvez copier un objet de votre carte de clip à l'aide de copie(JSON.stringify(Object_Name)); dans la console.

    Par exemple:- Copie & Coller le code ci-dessous dans votre console et appuyez sur ENTRÉE. Maintenant, essayez de coller(CTRL+V pour Windows ou CMD+V sur mac) il quelque part d'autre, et vous obtiendrez {"name":"Daniel","age":25}

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

copy(JSON.stringify(profile));
    • Ne fonctionne pas avec les nœuds DOM, d'une fenêtre ou tout autre objet qu'il est circulaire
    • De loin la solution la plus simple pour un grand mais un simple objet.
    • solution la plus simple
    InformationsquelleAutor Sudharshan
  4. 24

    Vous pouvez maintenant le faire dans Chrome en cliquant droit sur l'objet et en sélectionnant "Store en tant que Variable Globale": http://www.youtube.com/watch?v=qALFiTlVWdg

    Javascript /Chrome - Comment copier un objet à partir de la webkit inspecteur de code

    • À partir de la Version 39.0.2171.95, le "Store en tant que Variable Globale" l'option n'est pas disponible lors de l'inspection des appareils Android avec google Chrome.
    • Calhoun, j'ai voté pour ta réponse. Il ressemble à votre réponse a été publié le 12 juin 2014 et l'un a été accepté le 5 Août 2014, en grande partie en prenant exactement ce que vous aviez. Je dois admettre qu'il mentionne temp1 où votre réponse montre seulement dans votre vidéo, donc c'est peut-être pourquoi l'autre réponse a été acceptée. Meilleurs vœux.
    InformationsquelleAutor David Calhoun
  5. 11

    Suivez les étapes suivantes:

    1. De sortie de l'objet de la console.journal à partir de votre code, comme suit: console.log(monobjet)
    2. Clic droit sur l'objet et cliquez sur "Store comme Objet Global". Chrome serait d'imprimer le nom de la variable à ce point. Imaginons qu'il appelle "temp1".
    3. Dans la console, tapez: JSON.stringify(temp1).
    4. À ce stade, vous pourrez voir l'intégralité de l'objet JSON comme une chaîne de caractères que vous pouvez copier/coller.
    5. Vous pouvez utiliser des outils en ligne comme http://www.jsoneditoronline.org/ pour embellir votre chaîne à ce point.
    • L'étape avec JSON.stringify(temp1) pourrait affecter à un long temps d'exécution si l'objet est grand.
    • Obtenez l'erreur Failed to save to temp variable.
    • J'ai eu le même problème, mais je configurer un debugger déclaration puis récupéré mon var directement à partir de la console au niveau du point d'arrêt.
    InformationsquelleAutor sufinawaz
  6. 8

    Si vous avez envoyé l'objet sur une demande, vous pouvez le copier à partir du Chrome -> onglet Réseau.

    Demande de Charge utile - > Afficher la Source

    Javascript /Chrome - Comment copier un objet à partir de la webkit inspecteur de code

    Javascript /Chrome - Comment copier un objet à partir de la webkit inspecteur de code

    InformationsquelleAutor Christopher Marshall
  7. 0

    À l'aide de "Stocker en tant que Variable Globale" œuvres", mais c'est la dernière instance de l'objet, et non pas le moment où l'objet est en cours d'enregistrement (puisque vous êtes probablement désireux de comparer les modifications apportées à l'objet qu'ils arrivent). Pour obtenir l'objet à sa date exacte de la modification, j'ai utiliser ce...

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

    L'appeler comme si...

    logObject(puzzle);

    Vous souhaiterez peut-être supprimer l' .replace(/./g, ",\n") regex si vos données se virgule est en elle.

    InformationsquelleAutor HoldOffHunger
  8. 0

    Donc. J'ai eu ce problème,. sauf que je suis [object object]

    Je suis sûr que vous pouvez 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);

    Puis collez-le dans votre éditeur.

    InformationsquelleAutor twalow
  9. 0

    Cela devrait aider stringify profonde des objets en laissant récursive Window et Node objets. 

    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;
  }, ' ');
}
    InformationsquelleAutor dummker