Javascript / Chrome - Come copiare un oggetto dall'ispettore webkit come codice

Sto facendo un'istruzione console.log nel mio javascript per registrare un oggetto javascript. Mi chiedo se c'è un modo, una volta fatto, di copiare quell'oggetto come codice javascript. Quello che sto cercando di fare è convertire un oggetto creato usando Ajax per analizzare un feed XML in un oggetto JavaScript statico in modo che un file possa essere eseguito localmente, senza un server. Ho incluso uno screenshot dell'oggetto nella finestra di ispezione di Chrome in modo da poter vedere cosa sto cercando di fare.

1. Fai clic con il pulsante destro del mouse su un oggetto nella console di Chrome e seleziona Store as Global Variabledal menu di scelta rapida. Restituirà qualcosa come temp1il nome della variabile.

2. Chrome ha anche un copy()metodo, quindi copy(temp1)nella console dovrebbe copiare quell'oggetto negli appunti.

Nota sugli oggetti ricorsivi: se stai cercando di copiare un oggetto ricorsivo, otterrai [object Object]. La via d'uscita è che copy(JSON.stringify(temp1))l'oggetto verrà completamente copiato negli Appunti come un JSON valido, quindi sarai in grado di formattarlo come desideri, usando una delle tante risorse.

Prova JSON.stringify(). Copia la stringa risultante. Non funziona con oggetti contenenti riferimenti circolari.

Puoi copiare un oggetto nella tua clipboard usando copy (JSON.stringify (Object_Name)); nella console.

Ad esempio: - Copia e incolla il codice seguente nella tua console e premi INVIO. Ora, prova a incollarlo (CTRL + V per Windows o CMD + V per mac) altrove e otterrai {"name": "Daniel", "age": 25}

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

copy(JSON.stringify(profile));

Ora puoi farlo in Chrome facendo clic destro sull'oggetto e selezionando "Store as Global Variable": http://www.youtube.com/watch?v=qALFiTlVWdg

Segui i seguenti passi:

1. Output dell'oggetto con console.log dal tuo codice, in questo modo: console.log (myObject)
2. Fare clic destro sull'oggetto e fare clic su "Store as Global Object". Chrome stamperebbe il nome della variabile a questo punto. Supponiamo che si chiami "temp1".
3. Nella console, digitare: JSON.stringify(temp1).
4. A questo punto vedrai l'intero oggetto JSON come una stringa che puoi copiare / incollare.
5. A questo punto puoi utilizzare strumenti online come http://www.jsoneditoronline.org/ per preimpostare la tua stringa.

Se hai inviato l'oggetto tramite una richiesta, puoi copiarlo dalla scheda Chrome -> Rete.

Richiedi payload -> Visualizza sorgente

L'uso di "Store as a Global Variable" funziona, ma ottiene solo l'istanza finale dell'oggetto e non il momento in cui l'oggetto viene registrato (poiché probabilmente vorrai confrontare le modifiche all'oggetto man mano che si verificano). Per ottenere l'oggetto nel punto esatto in cui è stato modificato, utilizzo questo ...

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

Chiamalo così ...

logObject(puzzle);

Potresti voler rimuovere la regex .replace (/./ g, ", \ n") se i tuoi dati contengono virgole.

Così,. Ho avuto questo problema. tranne che ho [oggetto oggetto]

Sono sicuro che potresti farlo con la ricorsione, ma questo ha funzionato per me:

Ecco cosa ho fatto nella mia 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);

Quindi incollalo nel tuo editor.

Ciò dovrebbe aiutare a stringere oggetti profondi tralasciando oggetti ricorsivi Windowe Node.

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

Fare clic con il tasto destro del mouse sui dati che si desidera archiviare

• Innanzitutto, fai clic con il pulsante destro del mouse sui dati che desideri archiviare -> seleziona "Archivia come variabile globale" E la nuova variabile temporanea appare come sotto: (variabile temp3): la nuova variabile temporanea appare nella console
• Secondo comando, copia (temp_variable_name) come immagine: inserisci qui la descrizione dell'immagine. Successivamente, puoi incollare i dati ovunque desideri. spero utile /

Aggiungi questo alla tua console ed eseguilo

copy(JSON.stringify(foo));

Questo copia il tuo JSON negli appunti