美文网首页
移动端的调试

移动端的调试

作者: 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