手机网页前端调试面板

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3160 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

https://github.com/liriliri/eruda

eruda

调试

eruda

面板

拍砖

10 条回复 • 2016-05-19 14:20:24 +08:00

UncleBill

2016-05-05 00:40:35 +08:00

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

surunzi

2016-05-05 00:41:53 +08:00

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

UncleBill

2016-05-05 00:56:22 +08:00

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

surunzi

2016-05-05 01:03:34 +08:00

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

weaponX

2016-05-05 10:08:57 +08:00

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

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

surunzi

2016-05-05 10:21:33 +08:00

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

surunzi

2016-05-05 10:23:35 +08:00

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

lylijincheng

2016-05-05 14:32:57 +08:00

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

zhuziyi

2016-05-18 18:38:30 +08:00

https://github.com/WechatFE/vConsole

surunzi

2016-05-19 14:20:24 +08:00

@zhuziyi 功能有点弱。。