console.dir()的用法

1、console.log() : 其一、主要表示：向 Web 控制台输出一条消息; 其二、而具体是什么信息就以传递的实参为准，然后就是在控制台就能显示自己传递参数的结果； 2、console.dir(object): 其一、主要表示：在控制台中显示指定 JavaScript 对象的属性，并通过类似文件树样式的交互列表显示; 其二、一般是：打印出该对象(object)的所有属性和属性值; 其三、该方法对于输出 DOM 对象非常有用，因为会显示 DOM 对象的所有属性 (特别是：输出节点属性和属性值时最好用)

1,console对象的作用： 显示网页代码运行时的错误信息。 提供了一个命令行接口，用来与网页代码互动。 2,console对象常用的方法： 2.1 log() console.log方法用于在console窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。 2.1 dir() console.dir()方法用来对一个对象进行检查（inspect），并以易于阅读和打印的格式显示。 console.log({f1: 'foo', f2: 'bar'}) // Object {f1: "foo

如果你需要快速查看某个值或者简单的对象内容，使用 console.log。 如果你需要深入查看对象的内部结构和属性，使用 console.dir。

console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。 console.dir()可以显示一个对象所有的属性和方法。

console.log()类似于alert啊，不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容，不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台，这个F12 最确切的叫法是开发人员工具。其中，Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回...

在编写页面js程序时，很多人倾向于使用 alert() 来输出信息，正如某些 PHP 程序员喜欢在调试代码时使用 echo()、var_dump() 输出信息一样。但与 PHP 输出不一样的是， console 对象拥有多种方法可以更好的呈现信息，从而给代码调试带来方便。根据常用程度，列出以下几种 console 对象的方法： console.log() console.log(“Hello World!”); console.log(“This is a pen”, “This is an appe”,

console.log() 方法 用于在 console 窗口中输入信息。在调试时，可以替代 alert() 或 document.write() 输入需要输出的内容 console.dir() 方法 用来对一个对象进行检查(inspect)，并以易于阅读和打印的格式显示。该方法对于输入 DOM 对象非常有用，因为 dir 方法会显示DOM对象的所有属性 打开控制台，在 Console 中分别输入 console.log(Promise) 和 console.dir(Promise) 可以看到一个输出的.

这篇文章主要介绍了JavaScript中的console.dir()函数介绍,console.dir主要用来dump某些对象的详细信息,需要的朋友可以参考下在调试JavaScript程序时，有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作：针对对象的属性进行循环，将循环到的每一个属性值打印出来；可见，这一过程是比较繁琐的。在具备调试工具的浏览器上，这一工作可以

元素的 NodeList 对象的详细信息。这个输出将显示对象的属性和方法，而不仅仅是对象的值。元素的值，但不会显示该元素的所有属性和方法。用于输出满足选择器条件的第一个。在 JavaScript 中，

原文出自 https://www.jeremyjone.com/392/， 转载请注明。 在前端JS测试中，经常会用到console.log()这样的打印输出语句。有时候也会看到使用console.dir()，那么这两种输出有什么区别？ 简单来说： log语句打印的是结果，直接显示信息； dir语句打印的是内容，对显示对象的所有属性和方法。 这样的区别在输出普通数据时没有区别，打印的内容完全一...

他一顿断点+抓包+各种骚操作给我看楞了，我没忍住就让他手把手教我，他就和我在一个小屋子里xxxx了几个小时，他手法太快了俺看一遍就忘了，于是乎就靠回忆和资料查找整理了哈高频的js调试技巧，希望能帮助到各位。断点调试是本节最后一个内容了，它也是最核心的内容了，玩的6的是真的6，老大说我搞懂断点调试和对应的堆栈上下文就可以毕业了。逐步调试很明显就是字面意思，从当前断点位置开始一行一行的运行代码，稍微注意的是，遇到函数不进入函数的内部，而是直接执行完函数。根据调试发现，进入定时器的时候num还未更新，还是1。

和。

In Chrome the console object defines two methods that seem to do the same thing: 在Chrome中， console对

console.dir():打印出一个对象的所有属性和方法，console.log()：只打印一个toString表示。它们都具有打印的功能。

尽管 console.log 有其适用的场合，大多数人仍然没有意识到 console 本身除了基础 log 还有许多选择。合理使用这些方法能让调试更简单、更快速，并且更加直观。

前言：Vue项目运行后会把各个组件的数据挂载到对应的dom上 根组件(#app)上获取实例 首先app.vue会挂载到 id 为 “app” 的 div 上边 打印这个div console.dir(document.querySelector('#app')) 查看控制台，发现存在一个键："__vue__" 其实app.vue对应的实例就是这个__vue__对象 打印这个对象 console.dir(document.querySelector('#app'..