Эксплуатация информационной системы

Слайд 2

https://learn.javascript.ru/ Отладка в браузере Chrome (п.3.1) Отладка – это процесс поиска

https://learn.javascript.ru/

Отладка в браузере Chrome (п.3.1)

Отладка – это процесс поиска и исправления ошибок

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

Включить инструменты разработчика в браузере Chrome можно, нажав Ctrl+Shift+I

Слайд 3

Слайд 4

Пример кода для отладки в браузере Chrome: файл script.js var k

Пример кода для отладки в браузере Chrome:
файл script.js
var k = 4;
for

(var i = 0; i < 3; i++) {
alert( "Значение параметра 'c' функции calc(a, b, c) " + "= " + i);
var test = calc(k, 2, i);
alert("Результат выполнения функции " + test);
}
function calc(a, b, c) {
return b*b - a*c;
}
Слайд 5

Изучить возможности отладчика кода в браузере Chrome. Провести отладку кода (можно

Изучить возможности отладчика кода в браузере Chrome.
Провести отладку кода (можно своего блока

кода) с помощью браузера Chrome:
Создать точку останова (breakpoints) и в остановленном коде определить текущие значения переменных.
Выполнить код – по одной строке (по шагам) и посмотреть текущие значения переменных на каждом шаге.

Задание:

Слайд 6

Scope показывает текущие переменные. В Local отображаются локальные переменные функций, а

Scope показывает текущие переменные.
В Local отображаются локальные переменные функций, а их

значения подсвечены в исходном коде.
В Global перечисляются глобальные переменные (т.е. объявленные за пределами функций).