html5 开启调试模式和关闭调试模式

最新推荐文章于 2025-10-21 22:54:56 发布

原创最新推荐文章于 2025-10-21 22:54:56 发布 · 6.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #alert #console #调试模式

html5 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种简单的HTML5调试方法，通过开关控制alert()和console.log()的输出，便于前后端开发人员快速定位问题，同时避免了频繁注释代码的麻烦。

html5 开启调试模式和关闭调试模式

最近入手h5，前后台都是我负责，调试接口的时候，老需要写alert(),和console.log()来调试后台返回的结果，所以界面出现了很多的弹出框。上线之前又必须将这些弹出框提示给注解掉。接口变更的时候，又需要重新调试。联想到以前做app的经验，突然来了灵感。不知道别人发现没，有可能是我献丑啦。
废话不说，直接上码，再说原理。

/*0 DEBUG模式开关 */ 
var DEBUG = 1; //只需要手动设置DEBUG = 1（开启调试模式） 或者 DEBUG = 0（关闭调试模式,上线模式）
if(DEBUG !=1 ){
    window.console.log = function(msg1){
        //改写方法，使其不输出
    };
    window.alert =  function(msg2){
        //改写方法，使其不弹出提示;
    };
}

这段代码可以加在项目自定义的js文件最顶部，或者直接放在jquer.js文件的最顶部。其实就是判断项目是否处于调试模式，调试模式（DEBUG =1），alert()和console.log()继续发挥作用；非调试模式，将会修改alert()和console.log()方法。使其不输出和不弹出提示。
亲测可用，同样的也可以应用到jsp等前端界面中。要是使用发现问题，可随时@我。也可邮件联系，648695686@qq.com