【转】js调试信息输出小技巧

时间：2014-10-24 12:45:26 阅读：327 评论：0 收藏：0 [点我收藏+]

通常我们在做简单的js调试输出的时候习惯用 alert 函数，这个函数也能解决大多数问题，但遇到如循环输出，滚动条状态监控，鼠标位置等场景的时候，alert就相当的不方便了，下面这个函数可以解决这个问题：

[javascript] view plain copy

<script type="text/javascript">
function __js_debug_msg() {
var mydiv = document.createElement(‘div‘);
mydiv.id = "js_debug_msg";
mydiv.setAttribute(‘style‘,‘position:fixed;width:300px;height:40px;padding:5px;background:#333;line-height:20px;color:#FFF;margin-top:0px;top:0px;right:0px;‘);
mydiv.innerHTML="print js debug message.";
document.body.appendChild(mydiv);
}
__js_debug_msg();
</script>

将上面这段代码放到需要输出调试信息的页面底部，然后在需要输出调试信息的时候用innerHTML代码alert，如：

[javascript] view plain copy

用jqeury的话：

[javascript] view plain copy

同样也可以输出错误信息

[javascript] view plain copy

<script type="text/javascript">
// 需要放到页面的头部，例如head区域
window.onerror = function(err_msg, filename, line_num) {
document.getElementById(‘js_debug_msg‘).innerHTML = ‘error message:‘+err_msg+‘|line:‘+line_num+‘|file:‘+filename;
return false;
}
</script>

原文地址：http://www.cnblogs.com/sikongluoxing/p/4047933.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行