源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

简易 Javascript 调试包 Debug包

  • 时间:2022-01-16 16:21 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:简易 Javascript 调试包 Debug包
来看一个简易的 Javascript 调试包:jscript.debug.js,包含两个函数,第一个用来遍历对象的各个属性;第二个是一个通用的 Debug 函数(其实 说‘对象'比较‘精确些',呵呵),用来规定各种错误级别及其各种提示、错误信息的格式化显示,还是《Javascript 实战》上面的经典例子,先看源码:
[url=javascript:void(0);]onClick="jscript.debug.enumProps(document.getElementById('enumPropsLink'));"> enumProps()-Shows all the properties of this link(显示此链接标签对象的所有属性和值) </a> <br><br> <div id="divLog" style="font-family:arial; font-size: 12pt; padding: 4px; background-color:#ffffff; border:1px solid #000000; width:50%; height:300px; overflow:scroll;">Log message will appear here</div> <script> var log = new jscript.debug.DivLogger(); log.setTargetDiv(document.getElementById("divLog")); log.setLevel(log.LEVEL_DEBUG); </script> <br> <a href="javascript:void(0);" onClick="log.trace('Were tracing along now');"> DivLogger.log.trace() - Try to add a TRACE message to the above DIV (won't work because it's below the specified DEBUG level); </a><br> <a href="javascript:void(0);" onClick="log.debug('Hmm, lets do some debugging');"> DivLogger.log.debug() - Try to add a DEBUG message to the above DIV </a><br> <a href="javascript:void(0);" onClick="log.info('Just for your information');"> DivLogger.log.info() - Add a INFO message to the above DIV </a><br> <a href="javascript:void(0);" onClick="log.warn('Warning! Danger Will Robinson!');"> DivLogger.log.warn() - Add a WARN message to the above DIV </a><br> <a href="javascript:void(0);" onClick="log.error('Dave, there is an error in the AE-35 module');"> DivLogger.log.error() - Add a ERROR message to the above DIV </a><br> <a href="javascript:void(0);" onClick="log.fatal('Game over man, game over!!');"> DivLogger.log.fatal() - Add a FATAL message to the above DIV </a><br> <br><br> </div>
上面的测试代码里面的 <script> 段进行了 debug 的实例化,设置了显示信息的 DIV,而且设置了显示信息的最小级别为:LEVEL_DEBUG: var log = new jscript.debug.DivLogger(); log.setTargetDiv(document.getElementById("divLog")); log.setLevel(log.LEVEL_DEBUG); 来看看效果如何呢:
[Ctrl+A 全选 注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]
在点击“enumProps()-Shows all ……”(第一个 link )的时候浏览器弹出的框如下图所示(Opera),详细地列出了你所点击的 a 标签对象的所有属性及值:
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部