js调试系列源定位和调试{基本文本}

让我们从第一个问题开始:1。请看文章中调用的源代码。

很简单,点放大镜选择了这个建议。


这votepost(cb_entryid,'digg ')是推荐的按钮调用的函数,它是非常简单的。

第二个问题位于函数所在的文件的位置。

事实上,它很简单,但当然,不熟悉控制台的朋友可能不知道如何看。

我进入votepost在控制台上,然后回到车上。


源代码是厚,并有一个博客链接常见。日本花甲= we8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1:1在右下角。这是什么意思

V = we8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1背后被忽略。

如果您想知道这是什么,ps实际上是一个版本号。至于什么功能,通常是为了防止缓存。

普通博客:js 1几乎是这样的。

blog-common.js是js文件,这个功能是位于

1是代码行数。

直接点击这个链接,就可以跳转到源面板,这是源码面板,调试最重要的功能,然后慢慢介绍。



但是所有的代码都在一行上,我们如何看待4946个字符,都在同一行上。

Chrome为我们提供了代码格式化功能,并且通过单击下面的漂亮打印按钮来格式化代码。



格式化后,这是一个非常漂亮的代码。至于不看的理解,这是另一回事。

一些不理解的代码可以通过编译工具如UglifyJS,谷歌的关闭,如jquery.min.js文件。

也可能是水平太高了,我看不懂大神写的代码,那我什么也做不了,你只能自己加油,努力提高实力。

如果格式化找不到功能的位置,不用担心,有我在,什么

回到控制台面板。


你高兴的发现博客JSV = we8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1:91常见。

行号变为91,现在点击这个链接,你可以跳转到相应格式后的位置,不是超级方便的。

最后一个问题是修改函数使其无效。这是最简单的。它比刚才简单多了,但是很多人不会操作,所以我会特别给它。

首先,我们知道推荐这个函数调用的函数是votepost(cb_entryid,'digg),它是直接用HTML写在onclick。

所以这个函数是一个全局函数,可以到处调用,这意味着什么

这意味着我们可以修改它,就像一个全局变量,在这里你可以修改它,全局函数应该是合理的。

因此我们可以直接将其修改为空函数。

votepost =功能(votepost =美元。空){ };或;可以。美元。空是一个空函数,为我们提供了jQuery,便于我们使用。


现在votepost是一个空函数,所以你不会点击推荐按钮做什么。

当然,刷新页面会重新生效,我们只需在页面上调试修改,不改变博客公园的来源,就不可能永久效果了。

调试就是发现和排除错误的过程。如果我们找到错误的来源,修改它并测试它,如果没有,刷新并修改它,这样我们就不需要修改实际的文件并使它不可恢复。

今天的内容几乎是一样的。事实上,可以调试的直接全局函数很少。因为jQuery现在很流行,而且所有的事件,比如单击和绑定,都会导致源代码的位置非常复杂。

嗯,在我详细分析这个问题之前,我写了一篇文章。有关详细信息,请参阅jQuery源代码定位问题。

其他框架我不太熟悉,所以没有分析,但是想法其实差不多,会有一个事件管理机制。

我今天知识不多,但你应该自己巩固,否则你会在几秒钟内忘记的。

课外体育锻炼:

1。分析了votepost功能推荐。

2。动态调试和分析votepost(结合断点的知识)。

明天,我将讨论断点和动态调试。我还没有找到合适的话题。我会先做这件事。如果您有正确的调试动态,请跟随它。