跟踪/调试大型Javascript DHTML页面

问题描述

我正在寻找有关如何解决此问题的一般建议。我有一个很大的dynamic-html页面，大约有100,000行，其中有75％是javascript。我试图快速跟踪更新此页面上的特定元素时会发生什么：我估计这应该占此页面上总代码的10％或更少。我的想法是，我可以看到正在调用哪些js函数，以及调用的顺序如何，因此我可以剥离逻辑并将其移植到另一种语言。在这方面我应该采取什么工具/环境/方法？

我是其他领域（嵌入式C，sql等）的熟练技术开发人员，但对Web开发和工具了解很多。感谢您的帮助或建议。

解决方法

我不知道有什么程序可以帮助您，但是...

当我尝试跟踪函数时，在VSCode中，请使用“ CTRL + F”（在Mac上为cmd + f）来搜索函数的名称，并查找其初始化位置。对于在该函数中调用的任何嵌套函数，我都会重复此过程。这是一些语法示例...

JS函数看起来像...

function funcName(param1,param2) {
    someCode;
    }

funcName = (param1,param2) => {
    someCode;
}

JS变量看起来像...

var varName;
var varName = 'something';
let varName = 'something';
const varName = 'something';

JS对象看起来像...

const objectName = {
        objectVariable: objectValue;
        function objectFunction(paramsGoHere) {
            someCode;
        }
        objectFunction = (paramsGoHere) => {
            someCode;
        }
    }