调试移动端H5或者查看 移动端H5页面的log信息

目前通常的功能,都是能够使用 桌面浏览器模拟手机端去 调试 移动H5页面的。css

可是有些功能 就是得须要去使用手机端的浏览器去测试才知道行不行,有什么问题的。git

但是使用手机浏览器去调试的时候, 根据没有控制台啊,彻底看不到错误信息,要调试也太难了吧,难道去alert 吗?github

但是 连错误信息是什么,是否有错误信息都不知道,怎么去alert ?浏览器

试过了工具

window.onerror = function (msg) { alert(msg) }测试

有些不起眼的错误信息是没有 alert出来的。。。调试

 

而后我就去找找看看是否有 能够 方便调试移动端浏览器访问的 工具。cdn

是有啊,好比 谷歌浏览器的或者火狐,或者UC 浏览器  能够调试 手机浏览器的访问页面的。ip

但是问题是,网上的资料太少了哦,或者资料过久了。浏览器都更新换代多少次了,那些方式彻底没起效果, 并且 看起来好麻烦哦。开发

 

最终找到了一个 

参考 https://www.jianshu.com/p/c6861294e77d

https://github.com/liriliri/eruda

没错就是 eruda 不须要 使用电脑端去搞什么东西,

只须要引入JS便可, 能够看到控制台的信息和 其余的信息,彻底就是 移动浏览器端的开发控制台啊!!!

相对其余 调试工具来讲算是很方便了

<script src="//cdn.bootcss.com/eruda/1.5.2/eruda.min.js"></script>
<script>eruda.init();</script>

 

 

同时它也不是完美的,有时候会卡死。。。

相关文章
相关标签/搜索