Jak zapisać dane wyjściowe pliku console.log (obiekt) w pliku?

Próbowałem użyć JSON.stringify(object), ale nie idzie to na całą strukturę i hierarchię.

Z drugiej strony console.log(object)robi to, ale nie mogę tego zapisać.

Na console.logwyjściu mogę rozwijać kolejno wszystkie dzieci i wybierać oraz kopiować / wklejać, ale struktura jest na to za duża.

Aktualizacja: Możesz teraz kliknąć prawym przyciskiem myszy

Kliknij prawym przyciskiem myszy> Zapisz jako w panelu konsoli, aby zapisać zarejestrowane wiadomości w pliku.

Oryginalna odpowiedź:

Możesz użyć tego fragmentu devtools pokazanego poniżej, aby utworzyć metodę console.save. Tworzy FileBlob na podstawie danych wejściowych, a następnie automatycznie go pobiera.

(function(console){

console.save = function(data, filename){

    if(!data) {
        console.error('Console.save: No data')
        return;
    }

    if(!filename) filename = 'console.json'

    if(typeof data === "object"){
        data = JSON.stringify(data, undefined, 4)
    }

    var blob = new Blob([data], {type: 'text/json'}),
        e    = document.createEvent('MouseEvents'),
        a    = document.createElement('a')

    a.download = filename
    a.href = window.URL.createObjectURL(blob)
    a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    a.dispatchEvent(e)
 }
})(console)

Źródło: http://bgrins.github.io/devtools-snippets/#console-save

W przypadku zalogowania obiektu:

• Kliknij prawym przyciskiem myszy obiekt w konsoli i kliknij Store as a global variable
• wynik będzie podobny temp1
• wpisz w konsoli copy(temp1)
• wklej do swojego ulubionego edytora tekstu

Można użyć API Chrome DevTools Utilities copy()polecenia do kopiowania znaków reprezentujący określony obiekt do schowka.

Jeśli masz wiele obiektów, możesz faktycznie JSON.stringify () wszystkie swoje obiekty i dodawać je do łańcucha. Teraz użyj copy()metody, aby skopiować cały ciąg do schowka.

Istnieje otwarta wtyczka javascript, która właśnie to robi - debugout.js

Debugout.js zapisuje i zapisuje plik console.logs, aby aplikacja mogła uzyskać do nich dostęp. Pełne ujawnienie, napisałem to. Formatuje odpowiednio różne typy, może obsługiwać zagnieżdżone obiekty i tablice oraz opcjonalnie umieszczać znacznik czasu obok każdego dziennika. Przełącza także rejestrowanie na żywo w jednym miejscu.

kliknij prawym przyciskiem myszy na konsoli .. kliknij Zapisz jako .. to jest to proste .. otrzymasz plik tekstowy

Możesz użyć biblioteki l2i( https://github.com/seriyvolk83/logs2indexeddb ), aby zapisać wszystko, co wkładasz, console.log a następnie wywołać

l2i.download();

aby pobrać plik z dziennikami.

Istnieje inne narzędzie typu open source, które pozwala zapisać wszystkie console.logdane wyjściowe w pliku na serwerze - JS LogFlush (plug!).

JS LogFlush to zintegrowane rozwiązanie do rejestrowania JavaScript, które obejmuje:

• zamiana konsoli.log na konsolę bez interfejsu użytkownika - po stronie klienta.
• system przechowywania logów - po stronie serwera.

Próbny

Na imprezę jest naprawdę późno, ale może komuś pomoże. Moje rozwiązanie wydaje się podobne do tego, co OP opisało jako problematyczne, ale być może jest to funkcja, którą Chrome oferuje teraz, ale nie wtedy. Próbowałem kliknąć prawym przyciskiem myszy i zapisać plik .log po zapisaniu obiektu w konsoli, ale wszystko, co mi dało, to plik tekstowy z tym:

console.js: 230 Wykonano: Array (50000) [0… 9999] [10000… 19999] [20000… 29999] [30000… 39999] [40000… 49999] długość: 50000__proto__: Array (0)

co nikomu się nie przydało.

Skończyło się to na znalezieniu console.log(data)kodu, upuszczeniu na nim punktu przerwania, a następnie wpisaniu JSON.Stringify(data)w konsoli, która wyświetlała cały obiekt jako ciąg JSON, a konsola Chrome faktycznie daje ci przycisk do skopiowania go . Następnie wklej do edytora tekstu i tam jest twój JSON