console.assert(list.childNodes.length < 500, "Node count is > 500"); 

结不雅：

浏览构造化数据

table() 办法供给一个简单的办法来查看类似数据对象。这将给一个数据供给属性并且创建一个头。行数据将会大年夜每一个索引属性值中获取。

示例代码：

console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]); 
console.table([[1,2,3], [2,3,4]]); 

结不雅：

table() 中的第二个参数是可选项。你可以定义任何你想显示的属性字符串数组。

一个应用了对象集合的┞菲握台输出表。

示例代码：

结不雅：

将 DOM 元素格局化成 JavaScript 对象

当你想要在控制台中记录一个 DOM 元素，就显示成了 XML 格局。在元素面板中也会是同样的显示。要显示 JavaScript 格局的信息，你可以应用 dir() 办法或者是在 log() 中应用占位符来调换成你的 JavaScript。

CSS 格局解释符可以修改在控制台中输出的样式。以你要润饰的文字配上占位符开端，然后在第二个参数中写上你要展示的风格。

应用 CSS 样式来更改┞菲握台输出情势

更改日记样式

示例代码：

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large"); 

结不雅：

关于 JavaScript 履行时光的示例代码以及输出：

计算时光开销

Snippets

经由过程 time() 办法可以启动一个急鹞鲼。你必须输入一个字符串来辨认时光的标记。当你要停止计算的时刻，应用 timeEnd() 办法，并且传递一个雷同的字符串给构造器。控制台会在 timeEnd() 办法停止的时刻，记录下标签以及时光的花销。

　　推荐阅读

　　老生常谈-从输入url到页面展示到底发生了什么

阅能干次 输入地址 浏览器查找域名的 IP 地址 浏览器向 web 办事器发送一个 HTTP 请求 办事器的永远重定向响应 浏览器跟踪重定向地址 办事器处理请求 办事器返回一个>>>详细阅读

本文标题：你可能不知道的Chrome-devtools用法总结

地址：http://www.17bianji.com/lsqh/34726.html

 1/2    1