Javascript / Chrome - jak skopiować obiekt z webkit inspector jako kod

Robię konsolę.Instrukcja log w moim javascript w celu zalogowania obiektu javascript. Zastanawiam się, czy jest jakiś sposób, gdy już to zrobisz - skopiować ten obiekt jako kod javascript. To, co próbuję zrobić, to przekonwertować obiekt, który został utworzony za pomocą ajax do analizy pliku XML na statyczny obiekt javascript, aby plik mógł działać lokalnie, bez serwera. Umieściłem zrzut ekranu obiektu w oknie chrome inspector, dzięki czemu możesz zobaczyć, co próbuję zrobić.Tutaj wpisz opis obrazka

Author: mheavers, 2012-04-25
Source

8 answers

  1. Kliknij prawym przyciskiem myszy obiekt w konsoli Chrome i wybierz Store as Global Variable z menu kontekstowego. Zwróci coś w rodzaju temp1 jako nazwę zmiennej.

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

Kopiowanie obiektu Javascript w Chrome DevTools

Uwaga na obiektach rekurencyjnych: jeśli próbujesz skopiować obiekt rekurencyjny, otrzymasz [object Object]. Tego można się spodziewać.

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2018-02-23 18:58:09

Spróbuj JSON.stringify(). Skopiuj wynikowy ciąg znaków.

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2016-10-07 13:04:43

Możesz teraz dokonać tego w Chrome klikając prawym przyciskiem myszy na obiekcie i wybierając "Store as Global Variable": http://www.youtube.com/watch?v=qALFiTlVWdg

Tutaj wpisz opis obrazka

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2018-04-22 21:05:31

Możesz skopiować obiekt do tablicy klipów używając copy (JSON.stringify (Object_Name)); w konsoli.

Np: - wklej poniższy kod w konsoli i naciśnij enter następnie spróbuj wkleić(ctrl+V) to gdzie indziej i otrzymasz {"name":"Daniel", "age":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/doraprojects.net/template/agent.layouts/content.php on line 54
2014-05-21 07:40:41

Wykonaj następujące kroki:

  1. wyświetla obiekt za pomocą konsoli.Zaloguj się z kodu, jak tak: konsola.log (myObject)
  2. Kliknij prawym przyciskiem myszy na obiekcie i kliknij "Store as Global Object". Chrome wyświetli nazwę zmiennej w tym momencie. Załóżmy, że nazywa się "temp1".
  3. w konsoli wpisz: JSON.stringify(temp1).
  4. w tym momencie zobaczysz cały obiekt JSON jako ciąg znaków, który możesz skopiować/wkleić.
  5. Możesz użyć narzędzi online, takich jak http://www.jsoneditoronline.org / aby w tym momencie poprawić swój sznurek.
 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/doraprojects.net/template/agent.layouts/content.php on line 54
2017-08-02 03:20:35

Jeśli obiekt został wysłany przez żądanie, możesz go skopiować z zakładki Chrome - > sieć.

Request Payload - > View Source

Tutaj wpisz opis obrazka

Tutaj wpisz opis obrazka

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2014-09-12 16:51:25

Użycie "Store as a Global Variable" działa, ale otrzymuje tylko ostateczną instancję obiektu, a nie moment, w którym obiekt jest rejestrowany (ponieważ prawdopodobnie chcesz porównać zmiany do obiektu w miarę ich występowania). Aby uzyskać obiekt w momencie jego modyfikacji, używam tego...

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

Możesz usunąć .replace ( / ./g,", \n") regex jeśli Twoje dane mają w sobie przecinki.

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2017-08-01 21:12:04

Więc,. Miałem taki problem. except I got [object object]

Jestem pewien, że można to zrobić z rekurencją, ale to działało dla mnie:

Oto co zrobiłem w mojej 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 edytora.

 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/doraprojects.net/template/agent.layouts/content.php on line 54
2018-04-09 01:22:26