通常写前端页面都在Chrome浏览器的开发模式下进行调试,但是写放在移动端的H5页面时,有时候会遇到在Chrome上调试没有问题,但是在手机的浏览器上有问题的情况;或者有些功能只能在特定的容器中才能其作用,这个时候如果发现在手机上有问题,只能够通过alert一步一步地定位问题。同事推荐了一个好用的可以在手机浏览器上直接定位问题的插件:eruda.js,记录一下使用方法。
使用方法:
1.在html中引用如下js:
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
2.直接将eruda.min.js下载下来或者复制一个放在项目里,直接引用本地的js
然后直接点击页面右下角有个设置形状的按钮,就会显示一个控制台