手机浏览器中的 DevTools

ruda 是手机浏览器中的开发者工具，是一个JS插件，在自己的页面中引入即可

Eruda 的由来

Eruda 的作者以前在手机中进行页面开发时，感觉日志输出非常麻烦，经常使用类似 window onerror alert 这些脚本来辅助开发调试，这种方式又笨又低效，桌面浏览器中的 DevTools 非常方便，所以作者希望在手机浏览器中也能有一个类似的工具，便开发了Eruda

Eruda 的运行效果

官方示例地址 http://liriliri.github.io/eruda/

Eruda 的具体功能

Console

显示日志信息，还可以输入执行JS代码

Elements

页面中的DOM状态

Network

显示各个网络请求的信息

Resource

展示 本地存储、Cookie、Session、脚本、样式 等资源信息

Info

显示当前页面的 URL、User Agent 信息

Snippets

可以给页面中的元素添加边框，便于分析页面布局结构

Sources

Html, js, css 的源码查看器

项目地址

https://github.com/liriliri/eruda

点击下方“阅读原文”查看 文章列表