移动端 H5 调试你们用什么方式方法?

2021 年 12 月 22 日
 onhao

我一直用 inspect ,不知同胞们也是如此吗?
用 inspect 就和调试 PC 的网页 一样一样的方便。
下面是不才分享的使用方法:
inspect 调试功能,助力 H5 开发

3008 次点击
所在节点    程序员
14 条回复
xuxuxu123
2021 年 12 月 22 日
vConsole ,,,看一些请求和 log 基本问题就解决了
happyeveryday
2021 年 12 月 22 日
vConsole 够了
66beta
2021 年 12 月 22 日
android 可以用 inspect ,ios 就无解了,只能在 safari 里凑活调一下
onhao
2021 年 12 月 22 日
@xuxuxu123
@happyeveryday
vConsole,还是没有 inspect 方便,建议尝试下 inspect ,真的 如果你要改 样式啥的,vConsole 就无能为力了。
@66beta 确实 ios 无解
wobuhuicode
2021 年 12 月 22 日
请求什么的都是电脑浏览器调试就好了,
手机本身的话一般都是 UI 兼容问题
westoy
2021 年 12 月 22 日
前几天菜鸟裹裹线上界面上出现一个 devtools , 我直接惊了
wu67
2021 年 12 月 22 日
直接在电脑上调试, 手机上打开看看界面有没有不一样就行. 然后连着 scrcpy 做一下基本的操作, 看看交互跟浏览器上的有没有什么不一样的地方. 线上环境得 vconsole.
wayh
2021 年 12 月 22 日
https://www.npmjs.com/package/chii

可以在电脑上用 devtools 调试 H5
krapnik
2021 年 12 月 22 日
onhao
2021 年 12 月 22 日
@krapnik 可惜只有 30 天试用
@wayh 这个貌似也可以啊
@wu67 线上环境用 inspect 不是更优?
@westoy 是开了 vConsole ?
@wobuhuicode 不管怎么说 inspect 更方便调试^_^
Rache1
2021 年 12 月 23 日
iOS 也是可以的,在 Windows 上都可以调试,麻烦了一点儿就是,需要借助 iOS WebKit Debug Proxy 和 itunes
yEhwG10ZJa83067x
2021 年 12 月 23 日
inspect 我拿来学习那些被限制在微信访问别人家 H5 项目的。
12ava
2021 年 12 月 23 日
inspect 在 webview 里面好像不能调试,也很头疼
onhao
2021 年 12 月 23 日
@12ava 确实有些浏览器 不支持 ,比如微信浏览器 也要通过设置才能打开 inspect 的调试。
@justrand 哈哈, 这是高手,这是高手。
@Rache1 可以参考下, 以后有需要了尝试下老哥的方法

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/823736

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX