OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

一些你不知道的JavaScript Console调试命令


分享到


分类 编程技巧   关键字 分享   发布 ourjs  1415594759881
注意 转载须保留原文链接,译文链接,作者译者等信息。  
并不是第个人都知道,除了用来记录日志的简单的console.log之外。Console对象还有很多其它有用的功能。我选择了5个最有意思但是还不是那么流行的功能,你马上就可以在你的日常工作中使用。

所以的这些功能在Google Chrome 38中测试通过

console.assert(express, message)


如果传入的第一个参数是false,这个函数就会在当前网页日志中打印出第二条消息。如果表达式为true,就什么也不会打印。


> console.assert(document.querySelector('body'), "缺少 'body' 元素")

> console.assert(document.querySelector('.foo'), "缺少 '.foo' 元素")
[Error] Assertion failed: 缺少 '.foo' 元素

console.table(object)


这个函数会将对象或数据打印成表格

var languages = {
    csharp: { name: "C#", paradigm: "object-oriented" },
    fsharp: { name: "F#", paradigm: "functional" }
};
console.table(languages);




注*之前曾介绍过,更多详细信息请参考: 高级JavaScript调试—— console.table()  

console.profile(name)


这个命令开始对CPU的占用率进行分析。参数是你可以给这个报告起的名字。每运行一次profiler都会保存在下拉列表里保存成独立的分页。记住使用 console.profileEnd()停止分析。





console.group(message)


console.group(message)将此命令后的所有的日志分组到下拉列表,直到调用console.groupEnd()。列表可以被嵌套。console.groupCollapsed(message) 也可以用。但是创建的列表是自动折(collapse)起来的。



console.time(name)


console.time(name) 会开始一个指定名字以毫秒计时的计时器,它会一直计数直到console.timeEnd(name)被调用。名字与之前相同。

> console.time('Saving user')
> console.log('User saved')
> console.timeEnd('Saving user')
Saving user: 2.750ms

更多的功能可以在 Console API 中找到,还有在Google官方网站的相关描述文章。 

原文地址: 点此
社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 将GO编绎成JavaScript,用GO语言来写前端代码
  2. Nginx的大计划:将原生支持JavaScript
  3. 不需要密码的登录
  4. Google收购Firebase,Fire加入谷歌云平台
  5. Go语言实例教程基础语法篇(一)
  6. SpiderMonkey的JavaScript引擎[Firefox]性能超越V8[Chrome]
  7. 理解JavaScript中的事件路由冒泡过程及委托代理机制
  8. Redis集群,不再雾里看花
  9. Angular.JS出了什么问题?
  10. 15个最好用的Node.JS后端框架
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - 编程技巧
  1. Go语言实例教程基础语法篇(一)
  2. 如何选择Node.js Web开发框架?
  3. 针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack
  4. 创造canvas的艺术
  5. 有可能将CSS应用到一个字符的一半吗?
  6. Express.JS指南
  7. 在JavaScript中判断整型的N种方法
  8. 你应该使用HTML5的header和footer标签吗?
  9. 功夫:HTML和CSS?
  10. Linux命令及Linux终端的20个趣事

 关键字 - 分享
  1. 对于现代开发来说,JavaScript就是一种垃圾语言
  2. 我为什么不再用Compass写CSS(缺点分析)
  3. Redis/Python被要求更改Master/Slave程序接口名称和描述
  4. IE、Chrome、Firefox浏览器默认首页被改成360导航解决办法(删除daohang88.com)跳转
  5. 程序员疑似将MySQL用户名密码上传至Github,导致华柱1.3亿条开房数据泄漏
  6. 从 Node 到 Go:一个粗略的比较—GO平均性能比JavaScript快十几倍
  7. Linux上为git无交互添加最低权限的使用用户
  8. 为jquery的ajax请求添加超时timeout时间
  9. 上海行业工资排名:产品经理一骑绝尘,前端排名第二?
  10. 使用简单的JavaScript,我们为什么应该抵制ES6的一些特性

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号