Mobile-debugging artifact (Eruda)

Eruda is a debug panel designed for mobile web front end, similar to the DevTools mini version, its main features include: Capturing the console log, checking element status, displaying performance metrics, capturing XHR requests, displaying local storage and Cookie information, browser feature detection, and more.

In the daily mobile development, the general is to try Chrome Browser mobile mode for development and debugging, only when Chrome debugging is complete, no problem will go to the real machine test, mobile development of a big problem lies in this,

Various brands of various models of mobile phones, mobile phones in various types of browser app ... fortunately the relative consistency point of the mobile side, but often there will be a variety of pits, this time the egg hurts, obviously chrome debugging tools are normal,

One to a browser in the bombing, how to do, and can not be like in chrome using Debugging tools to debug, only through the alert () Pop-up window to debug, what can be as clear as the PC, visual debugging?

Today in See big Nouari P6 interview summary learned new knowledge! –> a fried chicken cool mobile debugging tool Eruda, a bit of history!

Eruda is a debug panel designed for mobile web front end, similar to the DevTools mini version, its main features include: Capturing the console log, checking element status, displaying performance metrics, capturing XHR requests, displaying local storage and Cookie information, browser feature detection, and more.

Quick-Use code:

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

Reprint: https://houjinlong.github.io/2017/11/13/Mobile Debugging artifact (Eruda)/

Mobile-debugging artifact (Eruda)