手机网页前端调试面板

[surunzi]

为最近的项目写的移动端调试面板，欢迎拍砖:)

https://github.com/liriliri/eruda

[UncleBill]

不错！正好需要！ how to pronounce eruda?

[surunzi]

@UncleBill 百度一下你就知道是什么了:)

[UncleBill]

@surunzi 谷歌“ eruda ”找不到，搜搜“ eruda 什么意思”找到正确结果。。

[surunzi]

@UncleBill 所以说了要百度啊。。。 Eruda (エルダ) is the Japanese name for Elda, an A.I. entity in Chobits. She is more commnly known as Chi (ちぃ).

[weaponX]

这么吊？相当于做了个简单的 F12 出来？

PS ：用 chrome 、 safari 不可以联机调试吗？

[surunzi]

@weaponX 可以，但只能连手机端的 Chrome ，没多大实际用处， Firefox 也是。目前开发主要是各种移动端的 Webview 里，需要调用各种特定的 jsApi ，并且测试时需要显示用户信息方便后台定位数据 BUG 。此外， Weinre ， Vorlonjs 跟 debugGap 等工具连接麻烦，并且只能调调样式，打打 log ，还不如写个插件在手机上直接查看。实际上遇到的情况经常是每次测试同事发现问题都要拿手机过来连本地环境，再打上一句 window.onerror alert 调，这样做实在很蠢。

[surunzi]

@weaponX 有时浏览器跑得好好的，结果发现手机上悲剧了，然后查了发觉是客户端 Webview 没开启对 cookie 和 localStorage 支持:(

[lylijincheng]

一般用 [browser-sync]( https://www.browsersync.io/) 调试。

[zhuziyi]

https://github.com/WechatFE/vConsole

[surunzi]

@zhuziyi 功能有点弱。。