console.log (object)의 출력을 파일로 저장하는 방법?

나는을 사용해 보았지만 JSON.stringify(object)전체 구조와 계층 구조에서 떨어지지 않습니다.

다른 한편으로 console.log(object)는 그렇게하지만 나는 그것을 저장할 수 없습니다.

에서 console.log출력 내가 한 모든 어린이 하나를 확장하여 선택하고 복사 / 붙여 넣기하지만 구조는 그것에 대해 큰하는 것입니다 수 있습니다.

업데이트 : 이제 마우스 오른쪽 버튼을 클릭하면됩니다.

콘솔 패널에서> 다른 이름으로 저장을 마우스 오른쪽 단추로 클릭하여 로그 된 메시지를 파일에 저장하십시오.

원래 답변 :

아래에 표시된이 devtools 스 니펫을 사용하여 console.save 메소드를 작성할 수 있습니다. 입력에서 FileBlob을 생성 한 다음 자동으로 다운로드합니다.

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

출처 : http://bgrins.github.io/devtools-snippets/#console-save

객체가 기록 된 경우 :

• 콘솔에서 객체를 마우스 오른쪽 버튼으로 클릭하고 Store as a global variable
• 출력은 다음과 같습니다 temp1
• 콘솔에 입력 copy(temp1)
• 좋아하는 텍스트 편집기에 붙여 넣기

당신이 사용할 수있는 크롬 DevTools로 유틸리티 API의 copy()명령을 클립 보드에 지정된 객체의 문자열 표현을 복사하는.

많은 객체가있는 경우 실제로 모든 객체를 JSON.stringify ()하고 문자열에 계속 추가 할 수 있습니다. 이제 copy()메소드를 사용 하여 전체 문자열을 클립 보드에 복사하십시오.

그렇게하는 오픈 소스 자바 스크립트 플러그인이 있습니다 -debugout.js

Debugout.js는 애플리케이션이 액세스 할 수 있도록 console.logs를 기록하고 저장합니다. 전체 공개, 나는 그것을 썼다. 다른 유형을 적절하게 형식화하고 중첩 된 오브젝트 및 배열을 처리 할 수 ​​있으며 선택적으로 각 로그 옆에 타임 스탬프를 넣을 수 있습니다. 또한 한 곳에서 실시간 로깅을 전환합니다.

콘솔을 마우스 오른쪽 버튼으로 클릭하십시오. 다른 이름으로 저장을 클릭하십시오.

라이브러리 l2i( https://github.com/seriyvolk83/logs2indexeddb )를 사용하여 넣은 모든 것을 저장 console.log 한 다음 호출 할 수 있습니다

l2i.download();

로그가있는 파일을 다운로드합니다.

console.log서버의 모든 파일을 JS LogFlush (plug!) 파일에 저장할 수있는 또 다른 오픈 소스 도구가 있습니다 .

JS LogFlush 는 다음을 포함하는 통합 JavaScript 로깅 솔루션입니다.

• 클라이언트 측에서 console.log를 브라우저없이 UI없이 교체합니다.
• 서버 측의 로그 스토리지 시스템.

데모

이것은 실제로 파티에 늦었지만 누군가에게 도움이 될 것입니다. 내 솔루션은 OP가 문제로 묘사 한 것과 비슷해 보이지만 Chrome이 현재 제공하는 기능 일 수도 있습니다. 객체를 콘솔에 쓴 후에 .log 파일을 마우스 오른쪽 버튼으로 클릭하고 저장하려고 시도했지만 나에게주는 것은 다음과 같은 텍스트 파일이었습니다.

console.js : 230 완료 : 배열 (50000) [0… 9999] [10000… 19999] [20000… 29999] [30000… 39999] [40000… 49999] 길이 : 50000__proto__ : 배열 (0)

어느 누구에게도 쓸모가 없었습니다.

내가 한 일은 console.log(data)코드에서 코드를 찾고 중단 점을 삭제 한 다음 JSON.Stringify(data)콘솔에 입력 하여 전체 객체를 JSON 문자열로 표시하고 Chrome 콘솔은 실제로 복사 할 수있는 버튼을 제공합니다 . 그런 다음 텍스트 편집기에 붙여 넣으면 JSON이 있습니다.