Console Api有什么用

发布时间:2021-12-30 10:54:21 作者:小新
来源:亿速云 阅读:151

这篇文章主要介绍了Console Api有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

所有Console Api 

<script type="text/javascript">

    console.dir(console);

</script>

Console Api有什么用

显示简单信息

<script type="text/javascript">

    console.log('hello world');

    console.info('信息');

    console.error('错误');

    console.warn('警告');

</script>   

Console Api有什么用

占位符

<script type="text/javascript">

    console.log('%d-%d-%d,%s',2016,08,21,'中国女排夺的冠军!');

</script>   

Console Api有什么用

统计代码执行次数

<script type="text/javascript">

    function getInfo()

    {

        console.count('执行次数:');

    }

    getInfo();

    getInfo();

    getInfo();

    getInfo();

</script>  

Console Api有什么用

显示分组信息

<script type="text/javascript">

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

        console.log('第一组:自定义消息1');

        console.log('第一组:自定义消息2');

        console.log('第一组:自定义消息3');

    console.groupEnd();

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

        console.log('第二组:自定义消息1');

        console.log('第二组:自定义消息2');

        console.log('第二组:自定义消息3');

    console.groupEnd();

</script>  

Console Api有什么用

显示对象信息

<script type="text/javascript">

    var TomObj = {

        name  : "Tom",

        sex   : "男",

        age   : '31',

        hobby : "coding..."

    };

    console.dir(TomObj);

</script>  

Console Api有什么用

显示页面信息

<div id="console">

    <h2>console api</h2>

</div>

<script type="text/javascript">

    var info = document.getElementById('console');

    console.dirxml(info);

</script> 

Console Api有什么用

判断表达式或变量是否为真

<script type="text/javascript">

    var code = 200;

    console.assert(code);

    console.assert(code == 200);

    console.assert(code == 500);

</script>

Console Api有什么用

追踪函数的调用轨迹

<script type="text/javascript">

    function add(a,b) {

        console.trace();

        return a + b;

    }

    add(1,2);

    add(2,3);

    add(3,4);

</script>

Console Api有什么用

计时功能

<script type="text/javascript">

    console.time("控制台计时器") ;

    console.log('Start');

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

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

        }

    }

    console.log('End');

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

</script>    


Console Api有什么用

分析性能

<script type="text/javascript">

    function getNews() {

        _getAjax_1();

        _getAjax_3();

    }

    function _getAjax_1 () {

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

            _getAjax_2();

        }

    }

    function _getAjax_2 () {

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

            _getAjax_3()

        }

    }

    function _getAjax_3 () {

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

        }

    }

    console.profile('性能分析器');

    getNews();

    console.profileEnd();

</script>  

Console Api有什么用

温馨提示:尝试用起来吧,让自己爱上控制台!

感谢你能够认真阅读完这篇文章,希望小编分享的“Console Api有什么用”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

推荐阅读:
  1. vmware api开发之html5的虚拟机console
  2. ActiveMQ之web管理console

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

api

上一篇:数据一致性、分级存储、分层存储与信息生命周期管理的存储知识分析

下一篇:IPV6 IPV4双栈互通与静态路由的实验分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》