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

Вы наверно удивитесь, но производить отладку скриптов JavaScript можно при помощи Microsoft Office. Смешно, не правда ли? Тем не менее, в комплект поставки Microsoft Office 2003/XP входит Microsoft Script Editor – прекрасный дебаггер, внешне напоминающий Visual Studio. Он способен производить пошаговый проход, просмотр переменных, редактирование файлов и многое другое, и все это доступно для Internet Explorer 6/7 (и скорее всего для MS Office тоже :) ).

Итак, рассмотрим установку и настройку Microsoft Script Editor. Если у вас не установлен Microsoft Office, установите его. Если установлен, то зайдете в “Панель управления” -> “Установка и удаление программ” -> “Microsoft Office”, и жмите “Изменить”. Затем выберите “Добавить или удалить компоненты”, жмем “Далее”. На появившейся странице выбора компонентов нужно поставить галочку возле “Расширенная настройка приложений”, и опять жмем кнопку “Далее”. Следующей страницей будет панель выбора устанавливаемых компонентов, где нужно включить компонент “Веб-отладка” в разделе “Средства Office” -> “Редактор для языка HTML” -> “Веб-сценарии” (см. рисунок). Точно такая же процедура выбора компонентов будет и при новой установке Office:

Выбор компонента Веб-отладка из Microsoft Office

Далее нажимаем “Обновить” (”Установить” если это новая установка). На этом установка Microsoft Script Editor закончена, переходим к настройке Internet Explorer. Откройте его, и в меню “Сервис” выберите “Свойства обозревателя”. В диалоге настройки откройте вкладку “Дополнительно” и снимите две галочки с пунктов “Отключить отладку сценариев (Internet Explorer)” и “Отключить отладку сценариев (другие)”:

Настройка Internet Explorer

На этом установка завершена. Теперь, каждый раз при обнаружении ошибки на странице, вместо стандартного сообщения об ошибке будет появляться диалог, предлагающий начать отладку.

Диалог, предлагающий начать отладку

Нажимаем “Да”, и в следующем диалоге выбора дебаггера выбираем “New instance of Microsoft Script Editor” и жмем “Yes”. Далее появится отладчик с открытой в нем страницей в том месте, где произошла ошибка.

Окно приложения в месте, где произошла ошибкаДля пошагового прохода, используйте команды Step Into, Step Out, Step Over из меню Debug. Чтобы добавить точки останова, просто щелкните мышкой в поле слева возле нужной строки либо откройте диалог New Breakpoint (Alt+F9), в котором можно указать файл, строку или функция для останова. Для удобного просмотра переменных откройте панель Watch из меню Debug -> Windows (или Ctrl+Alt+W). Также можно просматривать переменные из диалога Debug -> Quick Watch (Ctrl+Alt+W). В любом случае отслеживаемые переменные необходимо вводить вручную.

Microsoft Script Editor можно также открывать вручную из меню “Вид”->”Отладчик сценариев”->”->”Открыть” Internet Explorer-а, либо просто запустив приложение из C:\Program Files\Microsoft Office\OFFICE11\MSE7.EXE. Далее, открываем нужный нам скрипт либо HTML файл, содержащий нужный нам скрипт, устанавливаем точки останова и запускаем отладку в меню Debug -> Start (F5).

Теперь, я думаю от отладки при помощи alert() можно отказаться. На мой взгляд, FireBug гораздо лучше приспособлен для отладки, однако IE порой выбрасывает такие ошибки, что только диву даешься. Так что, данная утилита может принести огромную пользу.

К сожаления Microsoft Script Editor мало документирован, и большинство информации в интернете доступно на английском. Единственное более-менее полное описание на русском языке я нашел здесь.

Maklay.com - Большой каталог товаров для спорта и активного отдыха
  • http://tigor.com.ua/blog/2008/07/25/ie-javascript-debugger-extensions/ Инструменты отладки Javascript сценариев в Internet Explorer (IE) | Журнал веб разработчика

    [...] Отладка скриптов в Internet Explorer [...]

  • sultan

    а если “и в следующем диалоге выбора дебаггера выбираем “New instance of Microsoft Script Editor” ” нет диалога, а пишет, что нет зарегистрированных дебагеров?

  • admin

    @sultan
    Значит возможно что-то неверно с установкой. У меня всегда появляется “New instance of Microsoft Script Editor”

  • Алексей

    Посоветуйте!!!!!!!!!!!!!
    У меня такая ситуация – в IE 7 и в Opera недавно стали ухудшенного качества картинки и фото, из за того что размер их уменьшился более чем в три раза…
    Т.е. разрешение то же, а размер в три раза меньше…
    Всё уже перепробовал….не пойму…
    Где копать?????

  • admin

    @Алексей
    Вы пример покажите, иначе я вам помочь никак не смогу.

JSToolbox создан на основе WordPress