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

2021-12-22 13:31:18 +08:00
 onhao

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

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

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

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

https://www.v2ex.com/t/823736

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

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

© 2021 V2EX