如何解决跟踪/调试大型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;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。