浏览器控制台

标签：控制台   轨迹   多重   color   应用   预览   bsp   \n   追踪   

1.常用命令

console.log(‘hello‘)       打印文本

console.warn(‘warn‘)    打印文本（带有警告标识） 

console.error(‘error‘)    打印文本（带有错误标识） 

2.占位符

2.1  整数(%d或%i或%s)

console.log("%d年%d月%d日",2018,8,29);    //2018年8月29日

2.2  浮点数(%f)

console.log("圆周率是%f",3.14);  // 圆周率是3.14

2.3  样式支持（%c）

console.log(‘%chello\n\bhttp://baidu.com‘,‘color:red‘)

3.分组

console.group("第一组信息");

console.log("第一组第一条");

console.log("第一组第二条");

console.groupEnd();

4.显示节点代码 

4.1   console.dirxml()

console.dirxml($(".top").get(0))   //输出的就是对应html/xml

4.2  审查元素

审查元素 - 右键 - Copy - Copy outerHTML - ctrl + v 出来

（扩展下：通过控制台可以获取很多重要的信息，比如：可以看到一个节点的 outerHTML、selector、Xpath、

当前装备的css、box预览、全部应用样式及其所在资源位置、

及其可能的 :active :hover :focus :visited 各种状态、

绑定事件...

）

5.断言（就是通过比较得出结论：true/false）

5.1 直接与 true比较

0==true  //false

5.2 console.assert()

console.assert(0==true)

6. 追踪函数的调用轨迹  (console.trace();    放置于被追踪函数内部使用)

浏览器控制台

标签：控制台   轨迹   多重   color   应用   预览   bsp   \n   追踪   

原文地址：https://www.cnblogs.com/justSmile2/p/9556267.html