Отладка javascript скриптов

Рано или поздно, вы столкнетесь с проблемой отладки своих javascript скриптов. И если в Mozilla FireFox существует отличный FireBag, то с Internet Explorer все обстоит гораздо хуже. Вы можете сказать: "ну и зачем мне отлаживаться в Internet Explorer?". Отвечу: А как же быть с несовместимостью браузеров!? Когда объектная модель одного и другого очень сильно различаются. Ваш скрипт может замечательно работать в Mozilla FireFox, и безбожно ругаться в Internet Explorer. Вот в этой ситуации Вам и помогут некоторые готовые кусочки скриптов для отладки.

Следующая функция Вас выручит, когда вам нужно получить какой-то объект из DOM-модели, но вы все время получаете ошибку или undefined.

function aaa(s)
{    if (typeof(s)=="object") {
        var o = s;
        s = "";
        for (var i in o)
            s += i+"="+o[i]+"n";
    alert(s);
    }else alert(typeof(s));
}

Скопировать в буфер

Примеры использования:

<SCRIPT LANGUAGE="JavaScript">
tobj=document.getElementById('id1');        
aaa(tobj);
</SCRIPT>
Скопировать в буфер

Встраивание в обработчик нажатия кнопки мыши:

<div id='id1' onclick="aaa(this)">
Нажмите СЮДА!
</div>
<SCRIPT LANGUAGE="JavaScript">
function aaa(s)
{    if (typeof(s)=="object") {
        var o = s;
        s = "";
        for (var i in o)
            s += i+"="+o[i]+"n";
    alert(s);
    }else alert(typeof(s));
}
</SCRIPT>
Скопировать в буфер

Другие полезные при отладке скрипты из коллекции скриптов:
• Исследователь событий DOM
• Исследователь объектов DOM
• JavaScript консоль
• Исследование W3C Модели событий
• Просмотр стека вызова функций в JavaScript