九个console命令，将来进行js调试时候用的上

摘自：http://www.ido321.com/677.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>常用console 命令</title>
 5         <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             /* log is used most*/
10             console.log('hello!');
11             console.info('message!');
12             console.error('error!');
13             console.warn('warning!');
14             console.group("the first group message");
15                 console.log("first group first info: my blog ");
16                 console.log("first group second info: csdn");
17             console.groupEnd();
18             console.group("the second group message");
19                 console.log("second group first info: %d year %d month : ",2014,9);
20                 console.log("second group second info: abcd");
21             console.groupEnd();
22 
23             /*dir to show the obj's info*/
24             var info = {
25                 blog:"http://www.baidu.com",
26                 qq:793494355,
27                 message:"welcome"/*use ',' don't use ';'*/
28             };
29             console.dir(info);
30         </script>
31         <div id="info1">
32             <h3> my blog: cjs0214@sina.cn</h3>
33             <p> how are you ? fine, thank you!</p>
34         </div>
35         <script type="text/javascript">
36         /*console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。*/
37             var info1 = document.getElementById('info1');
38             console.dirxml(info1);
39         </script>
40         <script type="text/javascript">
41             /*console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。*/
42             var result = 1;
43             console.assert(result);
44             var year = 2014;
45             console.assert(year == 2018);
46         </script>
47         <script type="text/javascript">
48             /*console.trace()用来追踪函数的调用轨迹。*/
49             function add(a,b) {
50                 console.trace();
51                 return a + b;
52             }
53             var x = add2(1,1);
54             function add2(a,b) {
55                 return add1(a,b);
56             }
57             function add1(a,b) {
58                 return add(a,b);
59             }
60         </script>
61         <script type="text/javascript">
62             /*console.time()和console.timeEnd()，用来显示代码的运行时间。*/
63             //alert("time start");
64             console.time("control station time runner ---");
65             for (var i = 0;i < 10; i++) {
66                 for (var j = 0; j < 10; j++) {}
67             }
68             console.timeEnd("end control station runner ---");
69         </script>
70         <script type="text/javascript">
71              function All() {
72                  alert(11);
73                  for (var i = 0; i < 10; i++) {
74                      funcA(1000);
75                  }
76                  funcB(10000);
77              }
78              function funcA(count){
79                  for (var i = 0; i < count; i++) {}
80              }
81              function funcB(count) {
82                  for (var i = 0; i < count; i++) {}
83              }
84              console.profile('quality definer');
85              All();
86              console.profileEnd();
87         </script>
88     </body>
89 </html>

最后第二个计时器一直用不了，不知道是为什么

posted @ 2014-09-22 19:27  chenjsh36  阅读(117)  评论(0)    收藏  举报