js不能使用浏览器调试的时候debug解决方案,打印错误信息
2018-03-22 13:20
615 查看
下面三个方法,复制粘贴即可!
//debug函数,msg可以自定义调试提示信息,variable这个可以添加需要查看的变量等其他值
function debug(msg,variable) {
if(typeof variable=="object"){
variable = JSON.stringify(variable);
}
var $ = function(id) {
return typeof id == "string" ? document.getElementById(id) : id;
};
var info = document.createElement("p");
info.style.cssText = "border:1px solid red;margin:5px auto;";
//防止特殊符号被转义,影响调试
info.innerHTML = htmlspecialchars('' + msg + (variable==undefined?"": '--->'+variable ));
if (!$("debugdiv")) {
var div = document.createElement("div");
div.id = "debugdiv";
div.style.cssText = "height:auto;width:400px;left:50px;top:20px;font-family:serif;font-size:24px;text-align:center;position:absolute;background-color:#fff;color:#000;border:2px solid red;word-wrap:break-word;padding:10px;z-index:1000;";
div.appendChild(info);
document.body.appendChild(div);
} else {
$("debugdiv").appendChild(info);
}
}
//过滤特殊字符的函数
function htmlspecialchars(c, h, g, b) {
var e = 0, d = 0, f = false;
if (typeof h === "undefined" || h === null) {
h = 2;
}
c = c.toString();
if (b !== false) {
c = c.replace(/&/g, "&");
}
c = c.replace(/</g, "<").replace(/>/g, ">");
var a = {ENT_NOQUOTES: 0,ENT_HTML_QUOTE_SINGLE: 1,ENT_HTML_QUOTE_DOUBLE: 2,ENT_COMPAT: 2,ENT_QUOTES: 3,ENT_IGNORE: 4};
if (h === 0) {
f = true;
}
if (typeof h !== "number") {
h = [].concat(h);
for (d = 0; d < h.length; d++) {
if (a[h[d]] === 0) {
f = true;
} else {
if (a[h[d]]) {
e = e | a[h[d]];
}
}
}
h = e;
}
if (h & a.ENT_HTML_QUOTE_SINGLE) {
c = c.replace(/'/g, "'");
}
if (!f) {
c = c.replace(/"/g, """);
}
return c;
}
//捕捉错误信息并打印
window.onerror = function(msg, url, line, col, error) {
// 直接将错误打印到控制台
debug("异常信息:"+msg);
debug("文件地址:"+url);
debug("错误行数:"+line);
debug("错误列数: ",col);
debug("错误详情:"+error);
// 方便在未打开控制台的时候,记录错误对象
//window.demoError = arguments
}
例子:
//错误函数 未定义x/y
var m = x + y;
效果如下:
//debug函数,msg可以自定义调试提示信息,variable这个可以添加需要查看的变量等其他值
function debug(msg,variable) {
if(typeof variable=="object"){
variable = JSON.stringify(variable);
}
var $ = function(id) {
return typeof id == "string" ? document.getElementById(id) : id;
};
var info = document.createElement("p");
info.style.cssText = "border:1px solid red;margin:5px auto;";
//防止特殊符号被转义,影响调试
info.innerHTML = htmlspecialchars('' + msg + (variable==undefined?"": '--->'+variable ));
if (!$("debugdiv")) {
var div = document.createElement("div");
div.id = "debugdiv";
div.style.cssText = "height:auto;width:400px;left:50px;top:20px;font-family:serif;font-size:24px;text-align:center;position:absolute;background-color:#fff;color:#000;border:2px solid red;word-wrap:break-word;padding:10px;z-index:1000;";
div.appendChild(info);
document.body.appendChild(div);
} else {
$("debugdiv").appendChild(info);
}
}
//过滤特殊字符的函数
function htmlspecialchars(c, h, g, b) {
var e = 0, d = 0, f = false;
if (typeof h === "undefined" || h === null) {
h = 2;
}
c = c.toString();
if (b !== false) {
c = c.replace(/&/g, "&");
}
c = c.replace(/</g, "<").replace(/>/g, ">");
var a = {ENT_NOQUOTES: 0,ENT_HTML_QUOTE_SINGLE: 1,ENT_HTML_QUOTE_DOUBLE: 2,ENT_COMPAT: 2,ENT_QUOTES: 3,ENT_IGNORE: 4};
if (h === 0) {
f = true;
}
if (typeof h !== "number") {
h = [].concat(h);
for (d = 0; d < h.length; d++) {
if (a[h[d]] === 0) {
f = true;
} else {
if (a[h[d]]) {
e = e | a[h[d]];
}
}
}
h = e;
}
if (h & a.ENT_HTML_QUOTE_SINGLE) {
c = c.replace(/'/g, "'");
}
if (!f) {
c = c.replace(/"/g, """);
}
return c;
}
//捕捉错误信息并打印
window.onerror = function(msg, url, line, col, error) {
// 直接将错误打印到控制台
debug("异常信息:"+msg);
debug("文件地址:"+url);
debug("错误行数:"+line);
debug("错误列数: ",col);
debug("错误详情:"+error);
// 方便在未打开控制台的时候,记录错误对象
//window.demoError = arguments
}
例子:
//错误函数 未定义x/y
var m = x + y;
效果如下:
相关文章推荐
- Linux 程序开发打印 Debug 信息的使用技巧--C语言中几种输出调试信息的方法
- js如何去除打印时候浏览器自带的页头页尾的信息
- node.js 在使用child_process 模块时候,调试端口占用的问题解决方案(EADDRINUSE)
- STM32F4 Discovery 使用MDK-ARM Debug Viewer调试没有打印信息的原因之一
- vs 调试时只能是debug模式,不能是realease模式,否则会出现调试信息错误
- 用WH_MOUSE做hook时,用调试语句OutputDebugString打印调试信息的时候出现的一个问题
- Linux 程序开发打印 Debug 信息的使用技巧--C语言中几种输出调试信息的方法
- debug.js在手机上打印调试信息
- 我的VS2005采用的是web开发设置。不知道动到了那里,现在每次按F5启动调试的时候总是不能成功启动调试。效果和按CTRL+F5一样。就是把项目显示在了浏览器之后,那个启动调试的绿色按钮还可以使用,不是暗色的。
- 引用的时候js不能使用虚拟路劲,调试时用排除法测试
- log4net 打印调试信息到 Visval Studio 调试输出窗口; output debug infomation to output window
- 检测浏览器是否开启firebug以及如何避免调试信息带来的脚本错误
- 错误:无法找到“XXX.exe”的调试信息,或者调试信息不匹配。未使用调试信息生成二进制文件。
- vs 不能调试js文件解决方案
- VS 2005 不能调试无法找到调试信息 未使用调试信息生成二进制文件
- 在ios iphone编程中使用封装的NSLog来打印调试信息
- 使用VS2003创建WEB程序的时候出现"AutoMation服务器不能创建对象"错误
- VS 2005 不能调试无法找到调试信息 未使用调试信息生成二进制文件
- C# DEBUG 调试信息打印及输出详解
- Sharepoint学习笔记---Debug--使用ULS Log跟踪Solution错误信息