Инструментарий:

1) текстовый редактор с подсветкой JS. Лучше ещё с поддержкой авто-форматирования текста. Ну и совсем замечательно, если он умеет отображать список функций/переменных и т.п.
Пользуюсь: phpDesigner (хрень платная, но лекарста имеются в наличии)

2) для удобства ползания по DOM, для мониторинга http-запросов, для более-менее удобного выполнения JS запросов используйте DebugBar (хрень бесплатная и интуитивно-понятна)

3) крайне полезной вещью является "Средства разработчика" в комплекте IE8/IE9/IE10. Рекомендую, естественно, ставить IE10.
Вызывается кнопкой F12. Самое полезное, что в нём интересует - верхняя закладка Сценарий, правая закладка Watch(Контрольное значение).
Впишите, допустим, top и нажмите Enter.
Примечание: Если у вас IE8 и вписать там ничего нельзя - слева есть кнопка паузы. Сперва нажмите её. Но предупреждаю, в IE8 отображается не вся объектная структура в сравнении с IE9. Правда если у вас winXP, то IE9 вы физически поставить не можете - смиритесь.