debug.js会把调试信息显示在手机网页上,很便捷的就能看见。工作原理也极为简易,动态创建dom设计元素,随后append到界面中。
创作背景
手机网页兼容性与ie比较,有过之无不及,调节的情况下,大家会采用console.log,可是手机上看不见打印下来的信息。因而只能各类alert,但alert总显得不那样幽雅。
初学js的情况下就alert,如今需要各类alert。并且alert后需要点击确定,假如循环alert,既然悲剧了,始终点确定吧,将会手机还因而搞死机了。
那样是否有一种显得愈发幽雅的方式去输出调试信息呢?
有的。采用
debug.js就好啦。
好像看见过一次,有些人在iPhone上点开了控制台,假如有些人了解,请跟我说。
debug.js会把调试信息显示在手机网页上,很便捷的就能看见。工作原理也极为简易,动态创建dom设计元素,随后append到界面中。
先睹为快
你能够点这儿看见采用debug.js的网页,想说它确实极为好看,你也能够用手机扫描二维码访问共享。
怎么使用debug.js
引入debug.js后,你会获得debug这个方式,它是挂载在window下边的。
debug.js的api极为简单简易,假如你没啥追随,就立即采用这么采用:
debug.log('一个优雅的调试信息');
我也会在网页顶端看见一个幽雅的调试信息。
假如你不满意这些,你追随颜色,追随调节类别,那样debug.js还出具了别的几个好用的方式:
debug.success()
debug.warn()
debug.error()
debug.danger()
想法就不用表述了,拥有这些,输出的调试信息也多彩了起来,好像人生也显得colorful。
额,忽然觉得讲完了,就那么简单,叙述起来简易,掌握和采用起来也是这般。
进入了解debug.js
你能够在Github上关注可能Forkdebug.js。
假如你关怀怎样保持,能够点这儿看见debug.js的源码保持。
颜色
我很喜欢各式各样的颜色,我很喜欢彩色的物件,住的地区有各类彩色的设计元素,例如沙发,例如床单,例如T恤上的涂鸦。我不太想统一任何的物品,例如我的储物柜是绿色的,那样我的垃圾桶将会就是黄色,我的热水壶将会就是红色。也因而布置了丰富多彩的debug.js。说不定这算是某些怪癖吧,你呢?喜爱彩色么?