JavaScript打印调试信息的方法(Jquery)修改版

每次用alert输出信息,信息量小,调试不方便,有这样一个方法,能更好的写js代码,因为用Jquery较多,所以只写了Jquery的调试方法,还可以依据自己的喜好,在调试信息前加时间,

修改后将调试信息输出到可以缩放悬浮框中,下面有附图,

/**

* 打印JavaScript调试信息,定位使用绝对定位,每次打印的信息空一行

*/

function plInfo(obj){
  if($("#show").length==0){
   $("body").append("<div id=\"show\" style=\"position:fixed;left0px;top:0px;width:200px;height:500px;" +
     "background-color:#F0F8FF;line-height:14px;font-size:12px;color:#456;z-index:200;overflow:auto;\"></div>");
   $("#show").append("<div id=\"show_title\" style=\"width:200px;height:20px;" +
  "line-height:20px;background-color:#7FFFD4;text-align:center;\">关闭js调试信息</div>");
   $("#show").append("<div id=\"show_content\" style=\"padding-left:3px;display:block;\"></div>");
  }
  $("#show_content").append(obj+"<br /><br />");
  $("#show_title").mouseup(function(){
   //alert("block"==$("#show_content").css("display"));
   if("block"==$("#show_content").css("display")){
    $("#show_content").css("display","none");
    $("#show").css("height","20px");
    $("#show_title").html("查看js调试信息");
   }else if("none"==$("#show_content").css("display")){
    $("#show_content").css("display","block");
    $("#show").css("height","500px");
    $("#show_title").html("关闭js调试信息");
   }
   event.stopPropagation();//阻止事件冒泡
  });
 }


 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值