码迷,mamicode.com
首页 > 移动开发 > 详细

移动端调试神器(eruda)

时间:2018-07-17 19:15:05      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:div   地址   idt   问题   网页   移动   总结   分享图片   本地存储   

Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,移动端开发的一大问题就在于此,

各种品牌各种型号手机,手机中各种类型的浏览器APP……..还好移动端的相对一致点,但是往往都会有一些各种各样的坑,这时候就蛋疼了,明明chrome调试工具中是正常的,

一到某个浏览器中就炸了,怎么办,又无法像在chrome中使用调试工具进行调试,只能通过alert()弹窗来调试,有什么办法可以像PC上那样清晰,可视化的调试呢?

今天在看大牛阿里p6面试总结学到的新知识! –>一个炒鸡酷炫的移动端调试工具 eruda , 有点历史了!

Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

快速使用代码:

<script src="https://cdn.bootcss.com/eruda/1.2.6/eruda.js"></script>
<script>eruda.init();</script>
 

demo地址

技术分享图片

 

转载:https://houjinlong.github.io/2017/11/13/移动端调试神器(eruda)/

 

移动端调试神器(eruda)

标签:div   地址   idt   问题   网页   移动   总结   分享图片   本地存储   

原文地址:https://www.cnblogs.com/Andy-Blog/p/9325154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!