很抱歉这个愚蠢的问题,但我是javascript和前端开发的新手,并且正在努力理解javascript代码在浏览器中的执行方式。在我的开发人员环境中,我有这样的javascript函数:
this.publishDataBeforeDispose = function() {
if (!this.isEnded) {
segmentStop_();
publishFinalData_();
}
但是,如果我访问我们网站的prod网页并尝试在Dev控制台的Chrome的Source选项卡中搜索所有javascript文件,那么代码如下所示:
this.publishDataBeforeDispose = function() {
this.isEnded || (n(),
w())
}
n()和w()代表什么?我如何获得publishFinalData_()方法以将断点放在此方法中或在浏览器中更改此函数的代码?
另外,我注意到,Source选项卡中的js代码有不同的变量,如“a”,“c”,“e”,“d”:
a.publish(),
c = d("someValue1", "", 1),
e(c),
c = d("someValue2", "", b),
e(c),
怎么会这样?是否有任何在线资源可以帮我回答像我这样的假人的问题?
浏览器中的源代码是压缩的,所有作用域函数的名称和变量的名称都被简单的单词替换。如果要进行调试,可以在压缩之前进行操作。您可以在线发布之前使用本地代码进行调试。