Ответ 1
Firebug + console.log(myObjectInstance)
Есть ли стороннее дополнение/приложение или какой-либо способ выполнить сброс карты объектов в отладчике script для объекта JavaScript?
Вот ситуация... У меня есть метод, который вызывается дважды, и каждый раз что-то другое. Я не уверен, что другое, но что-то есть. Поэтому, если я могу сбросить все свойства окна (или, по крайней мере, window.document) в текстовый редактор, я мог бы сравнить состояние между двумя вызовами с простым файловым diff. Мысли?
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)
В Chrome нажмите 3 точки и нажмите "Другие инструменты" и нажмите "Разработчик". На консоли введите console.dir(yourObject). Нажмите эту ссылку, чтобы просмотреть пример изображения
Используя console.log(object)
, вы будете бросать свой объект в консоль Javascript, но это не всегда то, что вы хотите. Использование JSON.stringify(object)
возвращает большинство вещей, которые будут храниться в переменной, например, чтобы отправить его на вход в текстовую область и отправить содержимое обратно на сервер.