Internet Explorer

1. Для запуска отладчика щелкните правой кнопкой мыши проект в окне "Projects" и выберите "Debug".
2. В появившемся диалоговом окне установите параметр Server side Java with client side JavaScript in the selected browser. Затем выберите "Internet Explorer".
   
   

   Примечание: Поддержку отладчика на стороне клиента или на стороне сервера также можно отключить на более позднем этапе в диалоговом окне "Properties" проекта (в окне "Projects" щелкните правой кнопкой мыши узел проекта и выберите "Properties"). См. Включение и отключение отладчика.

3. Нажмите кнопку "Debug". При выборе для Internet Explorer параметра отладки на стороне клиента и нажатии кнопки "Debug" в среде IDE сначала выполняется проверка наличия установленной платформы отладчика Active Scripting. Если она не установлена, выводится запрос на загрузку и установку этой платформы.
   
   В обозревателе отображается веб-сайт Microsoft, откуда можно загрузить платформу. Загрузите и установите платформу.
4. После получения подтверждения об успешном завершении установки платформы отладчика Active Scripting вернитесь в среду IDE и нажмите кнопку "OK". В среде IDE выполняется проверка наличия зарегистрированного расширения Internet Explorer для NetBeans в обозревателе. Если зарегистрированное расширение не найдено, появится диалоговое окно с запросом на установку в среде IDE расширения NetBeans Internet Explorer.
5. Нажмите кнопку "OK". В среде IDE будет выполнена регистрация расширения в обозревателе. Затем будет запущен сеанс отладки, и в обозревателе появится страница приветствия того приложения, для которого он запущен.
6. Вернитесь в среду IDE. Над редактором отображается панель инструментов отладчика. При приостановке кода все значки панели инструментов активируются. В редакторе IDE открывается страница-указатель проекта.
   
   По умолчанию в нижней области IDE активированы несколько окон, в т.ч. окна Watches, Local Variables и Call Stack. Консоль отладки первоначально отображается в окне "Output" с указанием на то, что сеанс отладки начат. Консоль отладки может использоваться в течение сеанса отладки для просмотра ошибок анализа, выданных исключений и другой информации.
   

Firefox

1. Для запуска отладчика щелкните правой кнопкой мыши проект в окне "Projects" и выберите "Debug".
2. В появившемся диалоговом окне установите параметр Server side Java with client side JavaScript in the selected browser. Затем выберите "Firefox".
   
   

   Примечание: Поддержку отладчика на стороне клиента или на стороне сервера также можно отключить на более позднем этапе в диалоговом окне "Properties" проекта (в окне "Projects" щелкните правой кнопкой мыши узел проекта и выберите "Properties"). См. Включение и отключение отладчика.

3. Нажмите кнопку "Debug". При выборе для Internet Explorer параметра отладки на стороне клиента и нажатии кнопки "Debug" в среде IDE сначала выполняется проверка наличия установленной надстройки Firebug и расширения Firefox NetBeans. Если они не были установлены, в среде IDE будет выведен запрос на их установку.
   

   Перед тем, как нажать кнопку "ОК", убедитесь, что работа Firefox завершена. В противном случае надстройка и расширение не будут активированы в обозревателе, и потребуется перезапустить обозреватель вручную, а затем повторно запустить отладчик.

4. Нажмите кнопку "OK". Будут установлены оба компонента, и запустится обозреватель, отображающий страницу приветствия того приложения, для которого выполняется сеанс отладки.
   
   После успешного завершения установки Firebug и расширения NetBeans Firefox в нижнем правом углу обозревателя Firefox появятся соответствующие значки:
   • Firebug:
   • Расширение NetBeans Firefox:

   Если щелчкнуть значок расширения NetBeans Firefox, то будет выведено диалоговое окно, содержащее подробные сведения о расширении.

   
5. Вернитесь в среду IDE. Над редактором отображается панель инструментов отладчика. При приостановке кода все значки панели инструментов активируются. В редакторе среды IDE открывается страница-указатель проекта (index.html).
   
   По умолчанию в нижней области среды IDE активированы несколько окон, в том числе окна Watches, Local Variables и Call Stack. Консоль отладки первоначально отображается в окне "Output" с указанием на то, что сеанс отладки начат. Консоль отладки может использоваться в течение сеанса отладки для просмотра ошибок анализа, выданных исключений и другой информации.
   

Отладка проекта

Отладчик JavaScript можно запустить для всего проекта.

1. Щелкните правой кнопкой мыши узел проекта в окне "Projects" и выберите "Debug". Если отладчик не приостановлен, в редакторе откроется файл index.html.

Примечание: Если проект, подлежащий отладке, установлен как главный проект, в главном меню среды IDE можно выбрать "Debug > Debug Main Project" или щелкнуть значок "Debug Project" () на основной панели инструментов. Для настройки главного проекта щелкните правой кнопкой мыши проект, который требуется настроить, и выберите "Set as Main Project".

Отладка файла

Отладчик можно запустить для отдельного файла, например для файла HTML или JSP.

1. Щелкните правой кнопкой мыши файл в окне "Projects" и выберите "Debug File". Аналогично можно выбрать "Debug > Debug File" в главном меню среды IDE. Если отладчик не приостановлен, в редакторе откроется файл, подлежащий отладке.

Отладка внешнего исходного кода

При наличии подключения к Интернету можно указать для отладчика внешний URL-адрес. Это позволяет просматривать и проверять код JavaScript, включенный в общедоступные страницы.

1. В главном меню среды IDE выберите "Debug > Attach Debugger".
2. В диалоговом окне "Attach Debugger" из раскрывающего списка "Debugger" выберите "Web Page Debugger" (JavaScript).
3. Введите URL-адрес страницы, для которой требуется отладка, затем нажмите кнопку "OK".
   
   

При отладке внешнего исходного кода для просмотра URL-адресов для всех используемых ресурсов можно вызвать окно "Sources". Для последовательного выполнения и построчной проверки кода можно также использовать редактор и панель инструментов.

Использование панели инструментов отладчика

При запуске сеанса над редактором отладки отображается панель инструментов отладчика. В зависимости от того, установлен ли для отладчика параметр перехода в приостановленное состояние при определенных условиях (параметры отладки можно установить в окне "Options"; см. Настройка отладчика), панель инструментов является активной или находится в состоянии ожидания.

Активное состояние:
Сеанс отладки является активным, при этом в окнах отладки отображаются различные данные в зависимости от состояния файлов и сценариев, загруженных в обозреватель. Для перевода отладчика в приостановленное состояние можно нажать кнопку "Pause" при следующем вызове JavaScript.
Приостановленное состояние:
Сеанс отладки приостановлен. При остановке отладки на определенном месте в файле в редакторе эта строка указывается на зеленом фоне и сопровождается значком со стрелкой () в левом поле. Для перемещения по коду можно использовать панель инструментов.

Панель инструментов предоставляет возможности выполнения следующих действий:

Finish Session ()	Завершение сеанса отладки
Pause ()	Приостановка сеанса отладки
Resume ()	Возобновление сеанса отладки
Step over ()	Переход к следующему оператору выполнения
Step Into ()	Переход к вызову функции
Step out ()	Выход из текущего состояния вызова функции
Run to Cursor ()	Запуск выполнения с позиции курсора

Примечание: При наличии нескольких операторов JavaScript в одной строке выбор действия "Step Over" в Internet Explorer приведет к переходу к следующему оператору в пределах этой строки. В случае FireFox будут выполнены все операторы в этой строке, после чего отладчик переместится на следующую строку.

Установка точек останова

Точки останова, установленные в файлах, указывают позицию, в которой отладчик должен прервать выполнение кода. Точки останова можно установить в файлах HTML и JavaScript. Также можно установить точки останова в коде JavaScript любого файла, предназначенного только для чтения ([r/o]), который в среде IDE вызван из кэша обозревателя.

Для установки точки останова щелкните в левом поле редактора строку, в которой необходимо установить эту точку.

Для удаления точки останова можно щелкнуть значок точки останова ().

Также можно временно отключить точки останова. Для этого щелкните правой кнопкой мыши значок точки останова и выберите "Breakpoint > ✓ Enabled". Точка останова переходит в отключенное состояние, на что указывает серый значок () в левой части экрана.

Если отладчик во время работы достигает точки останова, отладка приостанавливается, что позволяет просмотреть значения в окнах отладки и перейти к любому месту кода после точки останова.

Также можно настроить точки останова путем установки счетчика совпадений и/или условного выражения для остановки отладчика в точке останова только в том случае, если достигнуто определенное количество совпадений или условное выражение имеет истинное значение. Указания по настройке точек останова также приводятся далее, после раздела Окно "Breakpoints". Для настройки точки останова щелкните правой кнопкой мыши значок точки останова в левом поле редактора и выберите "Breakpoint" (или "Disabled Breakpoint") > "Properties".

Просмотр всплывающих подсказок

При приостановке отладчика во время сеанса отладки для отображения всплывающей подсказки в редакторе следует навести указатель мыши на идентификатор JavaScript. Если идентификатор действителен в выбранном окне стека вызовов, отображается его значение. Можно также выбрать выражения JavaScript. Значение выражения отображается во всплывающей подсказке.

Окно "Sessions"

В окне "Sessions" отображаются сеансы отладки, активные в настоящий момент. При запуске сеанса отладки JavaScript запись для отладчика JavaScript можно просмотреть в окне "Sessions".

В среде IDE NetBeans также возможен запуск нескольких сеансов отладки одновременно. Например, в случае работы с проектом на основе Java и выборе для отладчика параметров работы как на стороне клиента, так и на стороне сервера в окне "Sessions" можно увидеть в списке два сеанса.

Текущий сеанс (т.е. сеанс, которым можно управлять с использованием панели инструментов отладчика) отмечен рельефным значком (). Для переключения сеансов можно дважды щелкнуть сеанс, который должен стать текущим, или щелкнуть правой кнопкой мыши сеанс и выбрать "Make Current".

Для завершения сеанса можно также щелкнуть правой кнопкой мыши всплывающее окно (щелкните правой кнопкой мыши и выберите "Finish") или переключиться между отладкой текущего потока выполнения и остальных потоков выполнения в рамках сеанса (щелкните правой кнопкой мыши и выберите "Scope > Debug All Threads" или "Debug Current Thread").

Окно "Local Variables"

При приостановке отладчика в окне "Local Variables" отображаются локальные переменные текущего объекта window для выбранного окна стека вызовов. Здесь показаны два основных узла:

• scope: область вызова функций для текущего окна. Все свойства в списке представляют собой переменные, которые можно выбрать из текущей области.
• this: значение this ключевого слова для текущего окна. Все свойства в списке являются ссылкой на this.

scope и this являются терминами синтаксиса JavaScript, и должны быть правильно интерпретированы для возможности использования окна "Local Variables". Для получения подробных сведений см. следующие статьи относительно this и scope.

Узел области всегда раскрыт. Помимо локальных переменных и параметров вызова функций, связанных с выбранным окном стека вызовов, отображаются следующие дополнительные узлы:

• arguments: действительные аргументы в противоположность объявленным формальным параметрам;
• arguments.length: количество действительных аргументов, переданных в функцию;
• arguments.callee.length: ожидаемое количество аргументов в соответствии с объявлением в подписи функции;
• parent scope: информация об области действия за пределами области действия вызова текущей функции.

По мере последовательного выполнения кода значения некоторых локальных переменных могут меняться. Такие локальные переменные в окне "Local variables" отображаются полужирным шрифтом.

Также можно щелкнуть непосредственно столбец "Value" и вручную изменить значения переменной.

Примечания:

• Для пользователей IE вследствие ограничения в интерфейсе API отладчика Active Scripting не всегда возможно определить тип переменной. В таких случаях переменные, отображаемые в окне "Local Variables", указывают на их принадлежность к одному типу {Object}.
• Для пользователей IE в окне "Local Variables" недоступен узел parent scope.

Окно "Watches"

Окно "Watches" позволяет отслеживать значения определенных выражений при последовательном выполнении кода.

Для добавления средств контроля можно щелкнуть правой кнопкой мыши в окне "Watches" или в редакторе и выбрать из всплывающего меню "New Watch". Для удаления средства контроля щелкните правой кнопкой мыши и выберите из всплывающего меню "Delete".

В редакторе сначала выделите выражение, для которого требуется создать средство контроля, затем щелкните правой кнопкой мыши и выберите "New Watch". Выделенное выражение автоматически добавляется к текстовому полю диалогового окна.

К окну "Watches" можно добавить произвольные выражения JavaScript. Отладчик анализирует наблюдаемое выражение в выбранном окне стека вызовов и в случае успешного результата выводит на экран значение выражения. Выражение может представлять собой переменную (например, переменные из списка в окне "Local Variables") или любое выражение JavaScript, которое может быть проанализировано и имеет значение, соответствующее сеансу отладки.

Окно "Call Stack"

В окне "Call Stack" представлена последовательность вызовов, осуществленных в процессе выполнения. При приостановке отладчика в окне "Call Stack" отображается последовательность вызовов функций (т.е. стек вызовов). При первой приостановке автоматически выделяется самое верхнее окно стека вызовов.

Для выбора окна стека вызовов можно дважды щелкнуть его, а затем просмотреть любую переменную или значения выражения для этого окна в окнах "Local Variables" и "Watches".

Окно "Call Stack" содержит два столбца:

• Name: имя вызванной функции
• Resolved Location: URL-адрес, указывающий место вызова функции, в том числе имя файла и номер строки

Для возможности перехода непосредственно к месту вызова щелкните правой кнопкой мыши окно "Call Stack" и выберите "Go to Source".

В редакторе откроется файл, содержащий местоположение окна вызовов, при этом курсор будет установлен на строку, в которой был запущен вызов. В редакторе также предусмотрены функции выделения для окна стека вызовов, например, предыдущие окна стека вызовов отмечаются в левом поле фиолетовым значком () и отображаются на фиолетовом фоне.

Окно "Threads"

В окне "Threads" приводится список всех окон страниц, существующих в сеансе отладки. В JavaScript в каждом окне представлен контекст выполнения. Таким образом, при обработке отладчиком файла, включающего несколько окон, в окне "Threads" отображается структура страницы с представлением каждого окна в качестве отдельного потока выполнения. В окне "Threads" также приводится подробное описание текущего состояния каждого окна и причины приостановки потока выполнения.

Как в случае с другими окнами отладки, для перемещения непосредственно по пути или URL-адресу, указанному в выбранном столбце "Name", можно использовать пункт меню "Go to Source". Щелкните правой кнопкой мыши окно и выберите из всплывающего меню "Go to Source".

Окно "Sources"

В окне "Sources" отображаются все файлы и сценарии, загруженные для сеанса отладки. Они перечислены в порядке их загрузки обозревателем. Для файлов JavaScript проекта в отладчике отображается путь к файлу на компьютере. Для удаленных ресурсов отображается URL-адрес файла. Как в случае с другими окнами отладки, для непосредственного перемещения по выбранному пути можно использовать пункт меню "Go to Source". Щелкните правой кнопкой мыши исходный файл и выберите из всплывающего меню "Go to Source". Файл откроется в редакторе для просмотра.

При работе с локальными файлами в окне "Sources" отображаются различия между фактическим исходным файлом и выделенным исходным файлом, содержащимся в кэш-памяти обозревателя. Файл, содержащийся в кэш-памяти обозревателя, можно просмотреть путем выбора "Go to Client Source". Файл откроется в редакторе в формате, доступном только для чтения.

Окно "Breakpoints"

Для просмотра всех точек останова, установленных в среде IDE, можно использовать окно "Breakpoints".

В окне "Breakpoints" можно включать или отключать отдельные точки останова путем выбора соответствующего параметра под столбцом "Enabled". Для настройки точек останова также можно щелкнуть правой кнопкой мыши точку останова и выбрать "Customize". Средство настройки точек останова позволяет установить счетчик совпадений и/или условное выражение.

Можно указать такое условие для счетчика совпадений, при котором отладчик остановится по достижении определенного значения счетчика, либо при достижении или превышении данного значения, либо при достижении значения, кратного данному.

Если указано условное выражение, отладчик останавливается в точке останова только в том случае, если выражение имеет значение true. Аналогичным образом, если указано и условное выражение, и счетчик совпадений, точка останова может быть распознана только в том случае, если оба параметра имеют значение true. Для определения отрицания условия можно использовать ! (condition). Настроенная точка останова отмечается значком в окне "Breakpoints" и левом поле редактора.