扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍了Console Api有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
公司主营业务:网站建设、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出洪湖免费做网站回馈大家。
所有Console Api
console.dir(console);
显示简单信息
console.log('hello world');
console.info('信息');
console.error('错误');
console.warn('警告');
占位符
console.log('%d-%d-%d,%s',2016,08,21,'中国女排夺的冠军!');
统计代码执行次数
function getInfo()
{
console.count('执行次数:');
}
getInfo();
getInfo();
getInfo();
getInfo();
显示分组信息
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();
显示对象信息
var TomObj = {
name : "Tom",
sex : "男",
age : '31',
hobby : "coding..."
};
console.dir(TomObj);
显示页面信息
var info = document.getElementById('console');
console.dirxml(info);
判断表达式或变量是否为真
var code = 200;
console.assert(code);
console.assert(code == 200);
console.assert(code == 500);
追踪函数的调用轨迹
function add(a,b) {
console.trace();
return a + b;
}
add(1,2);
add(2,3);
add(3,4);
计时功能
console.time("控制台计时器") ;
console.log('Start');
for(var i=0;i<1000;i++) {
for(var j=0;j<1000;j++){
}
}
console.log('End');
console.timeEnd("控制台计时器");
分析性能
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();
温馨提示:尝试用起来吧,让自己爱上控制台!
感谢你能够认真阅读完这篇文章,希望小编分享的“Console Api有什么用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流