Object Dump JavaScript

มีโปรแกรมเสริม / แอปพลิเคชันของบุคคลที่สามหรือวิธีใดในการดำเนินการถ่ายโอนข้อมูลแผนที่วัตถุในโปรแกรมแก้ไขข้อบกพร่องสคริปต์สำหรับวัตถุ JavaScript

นี่คือสถานการณ์ ... ฉันมีวิธีการเรียกสองครั้งและในแต่ละครั้งมีบางอย่างที่แตกต่างกัน ฉันไม่แน่ใจว่าอะไรที่แตกต่างกัน แต่มีบางอย่างอยู่ ดังนั้นถ้าฉันสามารถถ่ายโอนคุณสมบัติทั้งหมดของ window (หรืออย่างน้อย window.document) ลงในโปรแกรมแก้ไขข้อความฉันสามารถเปรียบเทียบสถานะระหว่างการเรียกทั้งสองกับไฟล์ต่างแบบธรรมดาได้ ความคิด?

Firebug +console.log(myObjectInstance)

console.log("my object: %o", myObj)

มิฉะนั้นคุณจะได้รับการแสดงสตริงในบางครั้ง:

[object Object]

หรือบางอย่าง

function mydump(arr,level) {
    var dumped_text = "";
    if(!level) level = 0;

    var level_padding = "";
    for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') {  
        for(var item in arr) {
            var value = arr[item];

            if(typeof(value) == 'object') { 
                dumped_text += level_padding + "'" + item + "' ...\n";
                dumped_text += mydump(value,level+1);
            } else {
                dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
            }
        }
    } else { 
        dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
}

หากคุณใช้ Chrome, Firefox หรือ IE10 + ทำไมไม่ขยายคอนโซลและใช้

(function() {
    console.dump = function(object) {
        if (window.JSON && window.JSON.stringify)
            console.log(JSON.stringify(object));
        else
            console.log(object);
    };
})();

สำหรับโซลูชันข้ามเบราว์เซอร์ที่กระชับ

เพียงใช้:

console.dir(object);

คุณจะได้รับการแสดงวัตถุที่คลิกได้ดี ทำงานใน Chrome และ Firefox

สำหรับ Chrome / Chromium

console.log(myObj)

หรือเทียบเท่า

console.debug(myObj)

เพื่อให้อ่านง่ายขึ้นคุณสามารถแปลงวัตถุเป็นสตริง json ดังต่อไปนี้:

console.log(obj, JSON.stringify(obj));

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

การใช้console.log(object)จะโยนวัตถุของคุณไปที่คอนโซล Javascript แต่นั่นไม่ใช่สิ่งที่คุณต้องการเสมอไป การใช้JSON.stringify(object)จะส่งคืนข้อมูลส่วนใหญ่ที่จะเก็บไว้ในตัวแปรเช่นส่งไปยังอินพุต textarea และส่งเนื้อหากลับไปที่เซิร์ฟเวอร์

ใน Chrome ให้คลิกจุด 3 จุดแล้วคลิกเครื่องมือเพิ่มเติมแล้วคลิกนักพัฒนา บนคอนโซลพิมพ์ console.dir (yourObject) คลิกลิงค์นี้เพื่อดูภาพตัวอย่าง