让知识连接你我
投稿赚钱
当前位置: 首页 > 前端开发 > 使用debug.js调试手机网页
  • 101
  • 微信分享

    扫一扫,在手机上查看

使用debug.js调试手机网页

2019.09.18 10:00 218 浏览 举报

  创作背景

  手机网页兼容性与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。说不定这算是某些怪癖吧,你呢?喜爱彩色么?


本文首次发布于开创者素材 ,转载请注明出处,谢谢合作!

相关文章推荐