手机网页前端调试面板

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3667 days ago, the information mentioned may be changed or developed.

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

https://github.com/liriliri/eruda

eruda

调试

eruda

面板

拍砖

10 replies • 2016-05-19 14:20:24 +08:00

UncleBill

May 5, 2016

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

surunzi

May 5, 2016

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

UncleBill

May 5, 2016

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

surunzi

May 5, 2016

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

weaponX

May 5, 2016

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

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

surunzi

May 5, 2016

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

surunzi

May 5, 2016

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

lylijincheng

May 5, 2016

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

zhuziyi

May 18, 2016

https://github.com/WechatFE/vConsole

surunzi

May 19, 2016

@zhuziyi 功能有点弱。。