วิธีบันทึกเอาต์พุตของ 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)
• วางในโปรแกรมแก้ไขข้อความที่คุณชื่นชอบ

คุณสามารถใช้คำสั่งAPI DevTools Utilities APIcopy()เพื่อคัดลอกการแทนสตริงของวัตถุที่ระบุไปยังคลิปบอร์ด

หากคุณมีวัตถุจำนวนมากจากนั้นคุณสามารถ 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 แบบบูรณาการซึ่งรวมถึง:

• ข้ามเบราว์เซอร์ UI- น้อยแทน console.log - บนฝั่งไคลเอ็นต์
• ระบบจัดเก็บข้อมูลบันทึก - บนฝั่งเซิร์ฟเวอร์

การสาธิต

นี่มันสายไปงานเลี้ยง แต่บางทีมันอาจจะช่วยใครซักคน วิธีแก้ปัญหาของฉันคล้ายกับสิ่งที่ 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 ของคุณ