JavaScript / Chrome - jak skopiować obiekt z inspektora Webkit jako kod

Robię instrukcję console.log w moim javascript, aby zarejestrować obiekt javascript. Zastanawiam się, czy jest jakiś sposób, aby to zrobić - skopiować ten obiekt jako kod javascript. To, co próbuję zrobić, to przekonwertować obiekt utworzony za pomocą ajax w celu parsowania kanału XML do statycznego obiektu javascript, aby plik mógł działać lokalnie, bez serwera. Dodałem zrzut ekranu obiektu w oknie inspektora chrome, abyś mógł zobaczyć, co próbuję zrobić.

1. Kliknij prawym przyciskiem myszy obiekt w konsoli Chrome i wybierz Store as Global Variablez menu kontekstowego. Zwróci coś takiego temp1jak nazwa zmiennej.

2. Chrome ma również copy()metodę, więc copy(temp1)w konsoli należy skopiować ten obiekt do schowka.

Uwaga na temat obiektów rekurencyjnych: Jeśli spróbujesz skopiować obiekt rekurencyjny, otrzymasz [object Object]. Wyjściem jest to copy(JSON.stringify(temp1)), że obiekt zostanie w pełni skopiowany do twojego schowka jako prawidłowy JSON, więc będziesz mógł go sformatować według własnego uznania, używając jednego z wielu zasobów.

Spróbować JSON.stringify(). Skopiuj wynikowy ciąg. Nie działa z obiektami zawierającymi odwołania cykliczne.

Możesz skopiować obiekt do schowka za pomocą copy (JSON.stringify (Object_Name)); w konsoli.

Np .: - Skopiuj i wklej poniższy kod w konsoli i naciśnij ENTER. Teraz spróbuj wkleić (CTRL + V dla Windows lub CMD + V dla Mac) to gdzie indziej, a otrzymasz {"name": "Daniel", "age": 25}

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

copy(JSON.stringify(profile));

Możesz to teraz zrobić w Chrome, klikając obiekt prawym przyciskiem myszy i wybierając „Zapisz jako zmienną globalną”: http://www.youtube.com/watch?v=qALFiTlVWdg

Wykonaj następujące kroki:

1. Wyjmij obiekt z plikiem console.log ze swojego kodu, na przykład: console.log (myObject)
2. Kliknij obiekt prawym przyciskiem myszy i kliknij „Zapisz jako obiekt globalny”. W tym momencie Chrome wypisuje nazwę zmiennej. Załóżmy, że nazywa się to „temp1”.
3. W konsoli wpisz: JSON.stringify(temp1).
4. W tym momencie zobaczysz cały obiekt JSON jako ciąg, który możesz skopiować / wkleić.
5. Możesz użyć narzędzi online, takich jak http://www.jsoneditoronline.org/, aby w tym momencie upiększyć swój ciąg.

Jeśli wysłałeś obiekt za pomocą żądania, możesz skopiować go z karty Chrome -> Sieć.

Żądanie ładunku -> Wyświetl źródło

Używanie opcji „Zapisz jako zmienną globalną” działa, ale pobiera tylko ostatnią instancję obiektu, a nie moment, w którym obiekt jest rejestrowany (ponieważ prawdopodobnie chcesz porównać zmiany w obiekcie w miarę ich występowania). Aby uzyskać obiekt dokładnie w momencie modyfikacji, używam tego ...

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

Nazwij to tak ...

logObject(puzzle);

Możesz usunąć regex .replace (/./ g, ", \ n"), jeśli twoje dane zawierają przecinek.

Więc,. Miałem ten problem. z wyjątkiem tego, że mam [obiekt obiektu]

Jestem pewien, że możesz to zrobić za pomocą rekurencji, ale to zadziałało dla mnie:

Oto, co zrobiłem w konsoli:

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

Następnie wklej do swojego edytora.

Powinno to pomóc skreślić głębokie obiekty, pomijając rekurencyjne Windowi Nodeobiekty.

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

Kliknij prawym przyciskiem myszy dane, które chcesz zapisać

• Po pierwsze, kliknij prawym przyciskiem myszy dane, które chcesz zapisać -> wybierz „Zapisz jako zmienną globalną”. Nowa zmienna temp pojawi się jak poniżej: (zmienna temp3): Nowa zmienna temp pojawi się w konsoli
• Drugie użycie polecenia kopiuj (nazwa_zmiennej temp) jak obraz: wpisz opis obrazu tutaj Następnie możesz wkleić dane w dowolne miejsce. mam nadzieję, że przydatne /

Dodaj to do konsoli i uruchom

copy(JSON.stringify(foo));

Spowoduje to skopiowanie JSON do schowka