资料整理自网络

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>常用console命令</title>

    </head>

    <body>

        <div id="box">

            <ul>

                <li></li>

                <li></li>

            </ul>

        </div>

        <script>

            /*

             * 基本的格式：

             */

            console.log("hello");

            console.info("信息");

            console.error("错误");

            console.warn("警告");

            /*

             * console支持printf的占位符格式：

             * 字符（%s） 整数(%d或%i)

             * 浮点数（%f）和对象  (%o)

             */

            console.log("%d年%d月%d日",2011,3,25)

            /*

             * 信息分组

             * console.groupCollapsed()

                     同 console.group(); 区别在于嵌套块默认是收起的。

             */

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

            console.log("第一组第一条信息")

            console.log("第一组第一二条信息")

            console.groupEnd();

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

               console.log("第二组第一条信息")

               console.log("第二组第一二条信息")

            console.groupEnd();

            //还可以嵌套分组

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

            console.log("第一组第一条信息")

            console.log("第一组第一二条信息")

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

               console.log("第二组第一条信息")

               console.log("第二组第一二条信息")

            console.groupEnd();

            console.groupEnd();

            //闭合表示这个组结束了，否则下面的代码全在这个小组中

            /*

             * 显示一个对象的所有属性和方法

             * console.dir()

             */

            var info = {

                name:"张丹",

                age:20,

                run:function(){

                    alert("running");

                }

            }

            console.dir(info);

            /*

             * 显示页面节点的html代码

             */

            var box = document.getElementById("box")

            console.dirxml(box)

            /*

             * 判断变量是否为真

             * 为真没有任何输出

             * 如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。

             */

            var res = 1;

            console.assert(res);

            /*console.trace()

             * 追踪函数的调用轨迹

             * 对这个的支持好像下降了，只显示出来函数名字

             */

            function add(a,b){

                console.trace();

                return a+b;

            }

            var x = add3(1,1);

            function add3(a,b){return add2(a,b)}

            function add2(a,b){return add1(a,b)}

            function add1(a,b){return add(a,b)}

            /*

             * 计时功能

             * console.time()和console.timeEnd();

             * 显示代码运行时间。这两个的参数必须一致。

             */

            console.time("控制台计时---")

            for(var i = 0;i<1000;i++){

                for(var j=0;j<1000;j++){}

            }

            console.timeEnd("控制台计时---");

            /*性能分析

             * console.profile()

             * 分析程序各个部分的运行时间，找出瓶颈所在，

             * 使用的方法是console.profile();

             */

            function All(){

//                alert(11);

                for(var i=0;i<10;i++){

                    funcA(1000);

                }

                funcB(10000);

            }

        　　function funcA(count){

        　　　　for(var i=0;i<count;i++){}

        　　}

        　　function funcB(count){

        　　　　for(var i=0;i<count;i++){}

        　　}

          console.profile("性能分析");

          All();

          console.profileEnd();

          //这个好像没什么用，因为谷歌的profile中已经有了。

          //除非测某段代码。   参数是表名。

          /*输出该行代码被执行的次数

           * console.count("次数")

           */

          for(var i=0;i<20;i++){

              console.count("循环执行的次数")

          }    

          /*

           * console.clear()清空控制台

           */

//          console.clear();

        /*

         * keys和values 前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。

         * 只在控制台有效，代码里无效。

         */

        /*

         * 用表格的形式显示json数据。

         */

        var arr = [{name:"张丹",age:20},{name:"王大锤",sex:"male"}];

        console.table(arr);

        /*

         * chrome控制台支持jquery选择器。

         * $0    在 HTML 面板中选中的元素。

           $1    上一次在 HTML 面板中选中的元素。

         */

        //暂时先这些。

        </script>

    </body>

</html>

console和chrom-tool的更多相关文章

  1. js tool 方法之删除数组指定项

    最近又开始写博文了,还是在自己的本地项目上做一些小的方法案例. 之前撸代码的时候总是遇到删除数组里某个元素的问题,JS没提供便捷的方法,只能自己写个循环处理,所幸自己写个方法,以后博客项目里要用到就不 ...

  2. Using View and Data API with Meteor

    By Daniel Du I have been studying Meteor these days, and find that Meteor is really a mind-blowing f ...

  3. Unity依赖注入使用详解

    写在前面 构造器注入 Dependency属性注入 InjectionMethod方法注入 非泛型注入 标识键 ContainerControlledLifetimeManager单例 Unity注册 ...

  4. 【转】JavaScript闭包

      摘自:JavaScript作用域闭包简述 使用外部变量的函数就是闭包,闭包可以给我们带来一些便利,就是可以在高等级的作用域使用低等级作用域中的变量:   例: var data = []; fun ...

  5. 详解Google Chrome浏览器（操作篇）（一）

    开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...

  6. 浅谈Google Chrome浏览器（操作篇）（上）

    开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...

  7. 依赖注入与Unity

    关于控制反转(Inversion of Control)和依赖注入(Dependency Injection)大家网上可以找下相关概念,在<小菜学习设计模式(五)-控制反转(Ioc)>这篇 ...

  8. 带你走进二进制-一次APT攻击分析

    原文:https://osandamalith.com/2017/06/04/apt-attack-in-bangladesh/ 由prison翻译整理,首发i春秋   引言;   这是一次来自遥远国 ...

  9. 详解Google Chrome浏览器（操作篇）（上）

    开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...

  10. C#基础入门 六

    C#基础入门 六 静态类进阶 静态构造方法 用于初始化任何静态数据,或用于执行仅需执行一次的特定操作,在创建第一个实例或引用任何静态成员之前,将自动调用静态构造函数,静态构造方法是无参数的. publ ...

随机推荐

  1. 面试经验之——HE集团，YZ科技

    上周去了HE集团面试,该集团是做车辆辅助驾驶系统的,最终目标瞄准的是自动驾驶,加上再之前在YZ科技的面试经验,有些关于车辆驾驶上的心得想聊聊. 首先说说两个企业的面试情况吧.YZ科技中的两个技术聊天都 ...

  2. Metasploit学习指南—基础篇

    Metasploit是一款强大的渗透测试平台,其中包括了很多渗透测试利器,本文简单介绍一下Metasploit的配置和基础的使用方法,主要包括以下几个方面: Metasploit的核心 基础的配置 M ...

  3. Oracle E-Business Suite R12.2的新技术特点

    Oracle公司的系统研发开发与执行效率,让人不得不佩服.从2008年1月收购BEA到现在短短几年时间,就把Bea WebLogic产品融合到了Oracle公司自己的原研发产品之庞大的Oracle E ...

  4. 个人项目-数组求和(语言：C++)

    prog1详细要求: [第一版本程序Prog1要求:] + 给定一个数组,实现数组元素求和:,具体要求:实现对一维数组(a[100])的所有元素相加运算. + 数据准备:a)数组长度:100:b)数组 ...

  5. Git Note - Branch

    1. add a new branch cd workspace git branch user1/newbranch1 git checkout user1/newbranch1 or git ch ...

  6. 如何修改TFS 2013中工作项附件大小限制

    默认情况下,TFS工作项的附件大小限制为4MB.我们可以通过调用TFS提供的Web Service将这个限制调整最高到2GB. 调整这个设置的必备条件是你需要拥有TFS应用层管理员的权限.下面来看看如 ...

  7. IIS服务器添加网站

    1.添加IIS服务:对“我的电脑”右键,管理,点击服务和应用程序,如果下面没有”Internet Information Services(IIS)管理器“,打开控制面板,点击程序,启用或者关闭Win ...

  8. C博客第01次作业---顺序，分支结构

    1.本章学习总结 1.1 思维导图 1.2本章学习体会及代码量学习体会 1.2.1学习体会 经过了这一周的学习,从一开始对C语言一无所知,到现在能够写出基本的代码,感到非常开心. 学习C语言也并非想象 ...

  9. [bzoj3123] [SDOI2013]森林 主席树+启发式合并+LCT

    Description Input 第一行包含一个正整数testcase,表示当前测试数据的测试点编号.保证1≤testcase≤20. 第二行包含三个整数N,M,T,分别表示节点数.初始边数.操作数 ...

  10. [agc006f] Blackout 神题

    Description ​ 给你一个NN行NN列的网格,第ii行第jj列的格子用(i,j)(i,j)表示 一开始的时候有MM个格子被涂成黑色,其他的格子都是白色,具体一点,涂成黑色的格子为(a1,b1 ...