最近在使用console.log()方法的时候遇到一个奇怪的问题,打开chrome控制台想调试代码,结果控制台半天无反应,让我纳闷了半天.详情如图所示: 然后我又打开了新的标签页,不行!接着干脆关闭浏览器,再重新打开,结果还是一样!!!这就更加让人纳闷了!!!然后又上网查了一下,有说是控制台的设置的问题,我赶紧查看了一下,如下所示: 上面的信息.警告.错误信息等选项都是被选中的状态,很显然不是这个原因导致的!!!那么到底是什么原因导致了我的控制台无法打印日志呢? 难道console.log方法被…

以下两张图,第一张是Chrome控制台Network里请求返回的信息,图二是在代码里在请求返回的处理第一行代码用console.log打印的信息. 图一 图二 那么问题来了,为何通过console.log打印出的数据和Network接口返回的数据不一致,多了很多了. 研究了半天,发现在请求返回后的处理函数里,console.log后把请求返回对象修改了.因此作了个假定,此处console.log打印数据可能是异步打印的,打印的对象变化了. 更准确的打印方式是console.log后跟一个debu…

我们都知道Chrome浏览器在控制台可以通过console.log("Hello");输出调试信息.但是每次打印的内容是黑白的难免有些单调,今天偶然的发现某网站居然能够打印彩色调试信息.文字是彩色的,背景也是彩色的.于是查看了他的代码,原来实现起来挺简单的. var a = "background: rgb(248, 177, 173); color: rgb(63, 172, 203)"; console.log("%c Jazz.Computer &q…

Xcode8如何去除控制台多余的打印信息 最近刚使用了Xcode8.遇到了一些问题,总结如下.希望对大家有所帮助. 一.如何去除控制台多余的打印信息. 方法:点击Product----Scheme----Edit Scheme. 在出现的Run ---- Arguments---Environment Variables中添加一对键值对:OS_ACTIVITY_MODE  disable.如下所示. 注:刚开始可能会因为Xcode没反应过来,从而使添加过了这些信息还是没有屏蔽掉多余的打印信息:可…

需求场景 在前端开发中,偶尔需要验证下某个元素上到底绑定了哪些事件,以及监控某个元素上的事件触发情况. 解决方案 普通操作 之前面对这种情况,一般采取的措施就是在各个事件里写console.info,然后进行点击等操作触发事件,或者在控制台trigger元素上的事件,或者dispatchEvent. 这种方法比较繁琐,而且假如触发这个事件之前需要做大量操作,触发时间后需要重新来过,真的是浪费时间啊. 神级操作 今天偶然发现借助Chrome控制台的命令行,可以简单快捷地解决这个问题. 获取事件信息…

我们经常使用 chrome 的 控制台 console.log()     打印 但有时候我们需要把一个对象复制下来(而这个对象嵌套比较深) 打印出来的我们不好复制 如下图 我们可以使用谷歌控制台的copy()  函数(js 不提供) copy(globalModel.Data) 这时候ctr+V  就可以复制下来了…

Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理. 他们功能区别不大,意义在于将输出到控制台的信息进行归类,或者说让它们更语义化. 各个所代表的语义如下: console.…

作为一名前端,除了编写完美代码之外(个人还不具备),当然也要会调试啦,对于firebug比较而言,我还是更喜欢chrome控制台比较多(可能使用较多,更顺手的原因吧).所以来总结下,关于chrome控制台的一些方法(真的好强大!),若有错误的地方,请指出哈~ 输出信息到控制台 对于输出信息到控制台,大部分人最常使用的就是console.log了,下面列出了与console.log类似的输出方法: console.log();        普通输出 console.info();       …

前言 个人博客:Damonare的个人主页 Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便.但其实很多开发者并没有用出控制台的精髓,只是使用简单的console.log();其实控制台功能远远不止这么简单哦. console.clear console.clear();清空控制台,这个应该和console.log知名度一样高吧. console.log…

原文出处: 刘哇勇的博客(@刘哇勇)   欢迎分享原创到伯乐头条 Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理.他们功能区别不大,意义在于将输出到控制台的信息进行归类,…