js调试系列 控制台命令行API使用方法（js代码调试工具有哪些）

这些问题其实是今天内容的一个伏笔，刚才我们看到如何在控制台查看一个元素以及他的属性方法。 其实控制台为我们提供了很多命令行api，简单点说就是只有控制台能用的函数。 目前控制台方法和属性有：(chrome 34)

复制代码 代码如下:

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

ps: 至于怎么查看这些东西，以后会讲，暂时怕各位理解不了。 你也可以参阅 《console对象#3.命令行API》 来看下他的一些用法。

我们常用的其实就是 $, $_, $0-$4, dir, keys, values 这些，其他的有兴趣或者想深入学习的，自己去翻阅资料吧。

复制代码 代码如下:

$ // 简单理解就是 document.querySelector 而已。 $$ // 简单理解就是 document.querySelectorAll 而已。 $_ // 是上一个表达式的值，console对象#3.命令行API 里有说明。 $0-$4 // 是最近5个Elements面板选中的DOM元素，待会会讲。 dir // 其实就是 console.dir keys // 取对象的键名, 返回键名组成的数组 values // 去对象的值, 返回值组成的数组

好了，从解释上来说确实不难理解，但是没操作过，谁也不知道会发生什么。

复制代码 代码如下:

var obj = {name: '尼玛', age:22, desc: '屌丝一个'};

好了，今天的内容差不多就这些了，当然自己要去试一遍，不然没法真正学到这些知识点的。。 要是光看就会了，我们就全是高考状元了，不是么。

最后说个小技巧，就是之前输入过的命令，不必重新输入，可以通过方向键 ↑ 和 ↓ 进行上下查找，这个功能和 cmd 类似哦，非常方便。。

课后练习：（现在直接按F12打开控制台） 1. 查看文章下方 推荐 这个功能所调用的函数源码 (当然你点下推荐也可以哦，我没拦着你。o(∩_∩)o ) 2. 定位到函数所在文件位置。(高潮要来了) 3. 修改函数使其无效。(其实就是简单的全局修改调试。)

最后，，如果哪里讲的不对，或者理解不了，或者进度跟不上等等等等，请跟帖吐槽。 还有如果你希望我加入什么内容，或者调试什么真实项目或者插件，也可以跟帖哦，当然如果非常麻烦的项目，我也没办法写文章介绍了，，我又不是文章。。。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。