Тема: Debugging Подивитися як сформувався певний елемент на HTML сторінці
Потрібно пофіксити один скрипт який не я написав. Мені не вдається зрозуміти як він працює, тому що там використовуються фреймворки.
Для того щоб знайти помилку, я вставив у функцію що з помилкою такий код
var calledMethod = /*тут назва поточного методу*/;
while (calledMethod != null)
{
var ss =
"caller is \nBEGIN\n\n" +
calledMethod +
"\nArguments = ";
for (var i = 0; calledMethod.arguments.length > i; i++) {
if (typeof (calledMethod.arguments[i]) == "object") {
result = Object.keys(calledMethod.arguments[i]).map(function (key) {
return key + ": " + calledMethod.arguments[i][key] + "\n";
});
ss += i + ") " + result + "\n";
}
else {
ss += i + ") " + calledMethod.arguments[i] + "\n";
}
}
ss += "\n\nEND\n\n\n\n";
console.log(ss);
calledMethod = calledMethod.caller;
}
Це дало можливість зрозуміти порядок викликів усіх функцій від останньої (що була з помилкою) до першої, а також їхні параметри
Я дізнався що деякі дані беруться з динамічно утвореної таблиці, але я не розумію як ця таблиця створюється, який скрипт або функціонал скрипту спрацьовує першим (той що створює таблицю чи той що бере з неї дані).
Питання:
1) Можна подивитися порядок викликів функцій за допомогою якихось інструментів відлагодження ? Так як я роблю це за допомогою вставляння вище наведеного скрипту.
2) Як дізнатися хто сформував певний HTML елемент ? Якщо натиснути break on -> (subtree modifications / attribute modifications / node removal) то відбувається перехід на JQ скрипт, а я хочу дізнатися хто з "самого початку" модифікував HTML елемент