Zapisz plik console.log w przeglądarce Chrome do pliku

Czy ktoś zna sposób na zapisanie danych wyjściowych console.log w przeglądarce Chrome do pliku? Albo jak skopiować tekst z konsoli?

Załóżmy, że przeprowadzasz kilka godzin testów funkcjonalnych i masz tysiące wierszy danych wyjściowych console.log w przeglądarce Chrome. Jak go zapisać lub wyeksportować?

Musiałem zrobić to samo i oto rozwiązanie, które znalazłem:

1. Włącz logowanie z wiersza poleceń za pomocą flag:

   --enable-logging --v=1

   To rejestruje wszystko, co Chrome robi wewnętrznie, ale także rejestruje wszystkie console.log()wiadomości. Plik dziennika jest wywoływany chrome_debug.logi znajduje się w User Data Directory.

2. Przefiltruj otrzymany plik dziennika pod kątem wierszy z CONSOLE(\d+).

Zauważ, że dzienniki konsoli nie pojawiają się z --incognito.

Dobre wieści

Narzędzia deweloperskie Chrome pozwalają teraz zapisywać dane wyjściowe konsoli do pliku natywnie

1. Otwórz konsolę
2. Kliknij prawym przyciskiem myszy
3. Wybierz „zapisz jako…”

Instrukcje dla programistów Chrome tutaj .

Istnieje wtyczka javascript typu open source, która właśnie to robi, ale dla każdej przeglądarki - debugout.js

Debugout.js rejestruje i zapisuje console.logs, aby aplikacja miała do nich dostęp. Pełne ujawnienie, napisałem to. Odpowiednio formatuje różne typy, obsługuje zagnieżdżone obiekty i tablice oraz opcjonalnie może umieścić znacznik czasu obok każdego dziennika. Możesz także przełączyć rejestrowanie na żywo w jednym miejscu i bez konieczności usuwania wszystkich instrukcji logowania.

Znalazłem na to świetny i łatwy sposób.

1. W konsoli - kliknij prawym przyciskiem obiekt zalogowany w konsoli

2. Kliknij „Zapisz jako zmienną globalną”

3. Zobacz nazwę nowej zmiennej - np. Jest to nazwa_zmiennej1

4. Wpisz w konsoli: JSON.stringify (nazwa_zmiennej1)

5. Skopiuj zawartość ciągu zmiennej: np. {"A": 1, "b": 2, "c": 3}

6. Przejdź do jakiegoś edytora online JSON: np. Https://jsoneditoronline.org/

Aby uzyskać lepszy plik dziennika (bez bzdur z debugowaniem Chrome), użyj:

--enable-logging --log-level=0

zamiast tego --v=1jest po prostu za dużo informacji.

Nadal będzie wyświetlać błędy i ostrzeżenia, które zwykle pojawiają się w konsoli Chrome.

aktualizacja z 18 maja 2020 r .: Właściwie myślę, że to już nie jest prawda. Nie mogłem znaleźć komunikatów konsoli na jakimkolwiek poziomie rejestrowania.

Może to być pomocne lub nie, ale w systemie Windows można odczytać dziennik konsoli za pomocą funkcji śledzenia zdarzeń dla systemu Windows

http://msdn.microsoft.com/en-us/library/ms751538.aspx

Nasze testy integracji są uruchamiane w .NET, więc używam tej metody, aby dodać dziennik konsoli do naszych wyników testu. Zrobiłem przykładowy projekt konsoli, aby zademonstrować tutaj: https://github.com/jkells/chrome-trace

--enable-logging --v = 1 nie działa w najnowszej wersji Chrome.

Wiele dobrych odpowiedzi, ale dlaczego po prostu nie użyć JSON.stringify (your_variable)? Następnie pobierz zawartość za pomocą kopiowania i wklejania (usuń zewnętrzne cudzysłowy). Tę samą odpowiedź zamieściłem również pod adresem: Jak zapisać dane wyjściowe z console.log (obiektu) do pliku?

Jest jeszcze jedno narzędzie typu open source, które pozwala na zapisanie wszystkich console.logwyników w pliku na serwerze - JS LogFlush (wtyczka!).

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

• Wymiana pliku console.log bez użycia interfejsu użytkownika w różnych przeglądarkach - po stronie klienta.
• system przechowywania logów - po stronie serwera.

Próbny

Jeśli używasz serwera Apache na swoim hoście lokalnym (nie rób tego na serwerze produkcyjnym), możesz również opublikować wyniki w skrypcie zamiast zapisywać go na konsoli.

Więc zamiast tego console.logmożesz napisać:

JSONP('http://localhost/save.php', {fn: 'filename.txt', data: json});

Wtedy save.phpmożesz to zrobić

<?php

 $fn = $_REQUEST['fn'];
 $data = $_REQUEST['data'];

 file_put_contents("path/$fn", $data);

W systemie Linux (przynajmniej) możesz ustawić CHROME_LOG_FILE w środowisku tak, aby chrome zapisywał dziennik aktywności konsoli do nazwanego pliku przy każdym uruchomieniu. Dziennik jest nadpisywany przy każdym uruchomieniu Chrome. W ten sposób, jeśli masz zautomatyzowaną sesję, która uruchamia Chrome, nie musisz zmieniać sposobu uruchamiania Chrome, a dziennik jest dostępny po zakończeniu sesji.

eksportuj CHROME_LOG_FILE = chrome.log

Obecnie jest to bardzo proste - kliknij prawym przyciskiem myszy dowolną pozycję wyświetlaną w dzienniku konsoli i wybierz opcję Zapisz jako i zapisz całe dane wyjściowe dziennika do pliku na komputerze.

inne rozwiązania w tym wątku nie działały na moim komputerze Mac. Oto rejestrator, który sporadycznie zapisuje reprezentację ciągu przy użyciu ajax. użyj go z console.savezamiastconsole.log

var logFileString="";
var maxLogLength=1024*128;

console.save=function(){
  var logArgs={};

  for(var i=0; i<arguments.length; i++) logArgs['arg'+i]=arguments[i];
  console.log(logArgs);

  // keep a string representation of every log
  logFileString+=JSON.stringify(logArgs,null,2)+'\n';

  // save the string representation when it gets big
  if(logFileString.length>maxLogLength){
    // send a copy in case race conditions change it mid-save
    saveLog(logFileString);
    logFileString="";
  }
};

w zależności od potrzeb, możesz zapisać ten ciąg lub po prostu console.loggo i skopiować i wkleić. oto Ajax dla Ciebie na wypadek, gdybyś chciał go zapisać:

function saveLog(data){
  // do some ajax stuff with data.
  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function(){
    if (this.readyState == 4 && this.status == 200) {}
  }

  xhttp.open("POST", 'saveLog.php', true);
  xhttp.send(data);
}

saveLog.phpnależy dołączyć dane do pliku dziennika gdzieś. Nie potrzebowałem tej części, więc nie dołączam jej tutaj. :)

https://www.google.com/search?q=php+append+to+log