为了方便h5页面在app上调试看到打印的日志 重写window.console

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为了方便h5页面在app上调试看到打印的日志 重写window.console相关的知识,希望对你有一定的参考价值。

   (function(){
        var print={
            lock:true,
            log:function(param){
                if(this.lock){
                    var element=document.createElement("div");
                    element.style.background=‘green‘
                    element.style.fontSize=‘20px‘
                    switch (typeof param){
                        case "string" :element.innerhtml=param;break;
                        case "object":element.innerHTML=JSON.stringify(param);break;
                    }
                    document.body.appendChild(element)
                }
            }
        }
        window.console=print;
    })(window)

    console.log("我哦我我我我我我我哦我")
    console.log({name:"张三",age:15})

  

以上是关于为了方便h5页面在app上调试看到打印的日志 重写window.console的主要内容,如果未能解决你的问题,请参考以下文章

在电脑上调试苹果ios上的h5页面

混合开发之H5在移动端如何调试界面

为啥用谷歌调试的h5页面放到安卓上不一样

利用浏览器调试APP中的H5页面

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

使用LogPhoneUtil工具类在Android手机保存APP运行日志