Chrome开发工具 控制台 API 参考.pdfVIP

Chrome开发⼯具 控制台 API 参考 控制台 API 参考 控制台 API 为 Web 应⽤程序提供输⼊信息到控制台、创建 JavaScript ⽂件和启动调试 会话的⽅法。 console.assert(expresson,object) 果指定表达式返回 false ，返回结果会随着⼀个栈跟踪器输⼊到控制台上。在接下来 的⽰例中，只要当⽂档中包含的⼦节点少于 10 个，断⾔消息才会被输⼊到控制台。 var list = document.querySelector(#myList); console.assert(list.childNodes.length 1 , List item count is console.clear() 清除控制台 console.clear(); 同样在清除控制台可见。 但是， 果 Preserve Logs 是开启状态，当⼀些框架调⽤ console.clear()时，它 不会做任何事，这会让你的调试过程变得更难。Clear console在主菜单还是依然起作 ⽤的，能清除控制台的信息。 console.count(label) 这个函数输出 count()在同⼀⾏⽤同⼀个标签调⽤的次数。 下⾯例⼦中 每次 login() 函数被调⽤时， count() 也同样被调⽤。 function login(user) { console.count(Login called); // log 在这个例⼦中，count() 在不同的标签⾥被调⽤，每次返回结果都是单独增加 （不 会累加）。 function login(user) { console.count(Login called for user console.debug(object [, object, ...]) 这种⽅法是与 console.log() 相同的。 console.dir(object) 输出指定对象的 JavaScript 的描述. 果被记录的对象是⼀个 HTML 元素，那么它的 OM 对象的属性被输出显⽰，⽰例 下： console.dir(document.body); 你也可以在⼀个 console.log()语句中使⽤对象制式 （%0 ）来输出⼀个元素的 JavaScript 属性： console.log(document body : %O, document.body); 在 JavaScript 对象上调⽤ console.dir() 同在相同对象上调⽤ console .log() 是等效 的。他们都以树的形式输出对象的 Javascript 属性。 将它与 console.log()的执⾏进⾏对⽐，console.log()会以 XML 的格式输出 元素，输出在 Elements ⾯板中： console.log(document.body); console.dirxml(object) 输出⼀个指定对象的 XML 形式，它会在 Elements ⾯板中显⽰。对于 HTML 元素来 讲，调⽤这个⽅法同调⽤ console.log()是等价的。 var list = document.querySelector(#myList);console.dirxml(); % 是 dir 的简写 %o是和 dir ⼀样还是和 dirxnl ⼀样取决于对象类型(⽆ OM 或 OM) console.error(object [, object, ...]) 与 console .log() 、console.error() 相似，在该⽅法被调⽤的地⽅同样包括⼀个栈 追踪器。 function connectToServer() { var errorCode = 1; if (errorCod console.group(object[, object, ...]) 以可选标题项开始⼀个新的记录组。调⽤此⽅法后再调⽤ console.groupEnd() 后,所有控制台输出输出在同⼀个视组。 console.group(Authenticating user %s, user);console.log(User 你也可以嵌套组： // New group for authentication:console.group(Authenticating user console.groupCollapsed(object[