Набор для практики

Дата добавления: 2015-07-09; просмотров: 516; Нарушение авторских прав

Вопросы:

1. Для чего нужно профилирование сценариев?

2. Какими возможностями обладает инструмент разработчика в IE8?

3. Как можно отладить фрагмент кода сценария?

4. Как отобразить значение переменной?

Упражнения:

1. Зайдите на сайт MSDN по адресу http://msdn.microsoft.com/ru-ru/library/dd565625(VS.85).aspx. Ознакомьтесь с методиками отладки сценариев с помощью средств разработчика. Освойте методы создания точек останова сценариев, научитесь управлять ходом выполнения сценария.

На данном занятии мы познакомимся с отладчиком сценариев MS IE8. Для начала нам нужно создать какой-нибудь скрипт, содержащий ошибки, например, сценарий, осуществляющий сортировку массива (файл ):

<html>

var n, i, str,Alpha_min,Alpha_max;

Alpha = new Array(12, -6, 11, 8, -4, 9, 15, 23, 61, -2);

n = Alpha.length

str = "Массив до сортировки: " + "<br/>";

for (i = 0; i < n; i++) {

str += Alpha[i] + "<br/>";

}

<!-- Здесь переменная str написана с ошибкой-- !>

str_1 += "<br/>" + "Массив после сортировки: " + "<br/>";

function compare(x, y) {

return x - y;

}

Alpha.sort(compare);

for (i = 0; i < n; i++) {

str += Alpha[i] + "<br/>";

}

Alpha_min = Alpha[0];

Alpha_max = Alpha[n - 1];

str += "<br>" + "Минимальный элемент массива = " + Alpha_min + "<br>" + "Максимальный элемент массива = " + Alpha_max;

document.write(str);

</script>

</html>

Откроем web-страничку в обозревателе IE8, запустим средства разработчика нажатием кнопки "F12". Выберем закладку "Сценарии". Нажмем на кнопку "Начать отладку", подтвердим обновление страницы. Получим такой результат ( рис. 11.1):

увеличить изображение
Рис. 11.1.Сценарий с ошибкой

Устраним ошибку, перезапустим web-страницу. Снова включим отладчик. На этот раз сценарий запускается без ошибок ( рис. 11.2):

увеличить изображение
Рис. 11.2.Сценарий без ошибки

<== предыдущая лекция	\|	следующая лекция ==>
Краткие итоги	\|	Отслеживание значений переменных