js调试信息输出小技巧
来源:互联网 发布:实战apache jmeter 编辑:程序博客网 时间:2024/06/13 08:19
通常我们在做简单的js调试输出的时候习惯用 alert 函数,这个函数也能解决大多数问题,但遇到如循环输出,滚动条状态监控,鼠标位置等场景的时候,alert就相当的不方便了,下面这个函数可以解决这个问题:
<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,如:
document.getElementById('js_debug_msg').innerHTML = '需要输出的信息';
用jqeury的话:
$('#js_debug_msg').html('需要输出的信息');
同样也可以输出错误信息
<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>
本文于2012/08/23重新编辑。
- js调试信息输出小技巧
- bug 输出调试小技巧(备忘)ios
- js调试小技巧之console.log()
- chrome调试js的小技巧
- js前端调试的几个小技巧
- JS调试的一些小技巧
- xcode调试技巧(预处理器控制输出打印信息)
- 调试信息输出
- vc 调试信息输出
- OutputDebugString输出调试信息
- VC 调试 信息输出
- 开启调试信息输出
- 格式化输出调试信息
- 黑莓调试信息输出
- 调试输出信息OutPutDebugString
- 调试输出信息OutPutDebugString
- makefile输出调试信息
- 输出调试信息
- 世界杯四分之一决赛手记 - Part 1
- 世界杯四分之一决赛手记 - Part 2
- 我的七宗罪
- 修改Linux的用户的默认登录目录.
- Visual Assist X v10.3.1527.0 build 2006.06.29 by sEby
- js调试信息输出小技巧
- VBScript 函数 之 从 HTML 源码中提取文本
- .NET Reflector, Version 4.2.45.0
- Visual Studio .NET Tip and Tricks书籍PDF版免费下载
- 睿睿宝贝参赛咯!
- 用Visual C#编写仿MSN Messager的滚动提示窗口
- Visual Studio .Net团队开发
- MS SQL安装之终极解决
- CSDN技术专家群标准模板设置过程