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. AirJD-简单好用的免费建站工具

 相关阅读 - 编程技巧
  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. IE、Chrome、Firefox浏览器默认首页被改成360导航解决办法(删除daohang88.com)跳转
  2. 不用花钱和推广,用户就能从这些渠道进入小程序!
  3. Node初学者入门,一本全面的NodeJS教程
  4. 第三方评论平台多说即将关闭
  5. 分享7款最新HTML5/CSS3应用
  6. Facebook 正在重构 React Native,将重写大量底层
  7. 将BootstrapJS和AngularJS结合使用以及为什么不用jQuery
  8. Office365并不是完全基于JavaScript重写的,只是用来构建UI界面
  9. Debian/Ubuntu Linux搭建SVN服务器,并设置开机默认启动
  10. NodeJS初学者教程:Node.js之HTTP

 欢迎订阅 - 技术周刊

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


 关注我们

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

ourjs官方微信号