美文网首页
移动端的调试

移动端的调试

作者: zjh111 | 来源:发表于2018-03-14 09:43 被阅读0次

    移动端没控制台
    safari不支持...坑死了 在安卓上chrome会显示正常

    简单的用window.onerror监听报错

    window.onerror=function(message,file,row){
      alert(message) //报错信息
      alert(file) //报错文件
      alert(row) //报错文件代码的行数
    }
    

    或者自己写一个假的控制台

    <div id ="consoleOut" style="position:fixed;width:100%;left:0;bottom:0
    height:100px;border:1px solid black;background:white;overflow:auto">
    </div>
    <script>
    window.console = {
        log(x){
            let p =document.createElement('p')
            p.innerText = x
            consoleOut.appendChild(p)
        }
    }
    

    这样页面底部会有一个区域输出报错信息

    推荐使用腾讯的vconsole
    vconsole github
    提供了一个在页面上的控制台 功能非常强大

    image.png

    相关文章

      网友评论

          本文标题:移动端的调试

          本文链接:https://www.haomeiwen.com/subject/agixqftx.html