使用debug.js调试手机网页

站长手记 作者: 2024-09-03 03:15:01
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。说不定这算是某些怪癖吧,你呢?喜爱彩色么?
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_73355.html
debug.js 手机网页