Тема: 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 елемент