V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
onhao
V2EX  ›  程序员

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

  •  
  •   onhao · 2021-12-22 13:31:18 +08:00 · 2491 次点击
    这是一个创建于 1071 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    可以在电脑上用 devtools 调试 H5
    krapnik
        9
    krapnik  
       2021-12-22 16:30:22 +08:00
    onhao
        10
    onhao  
    OP
       2021-12-22 17:06:21 +08:00
    @krapnik 可惜只有 30 天试用
    @wayh 这个貌似也可以啊
    @wu67 线上环境用 inspect 不是更优?
    @westoy 是开了 vConsole ?
    @wobuhuicode 不管怎么说 inspect 更方便调试^_^
    Rache1
        11
    Rache1  
       2021-12-23 09:31:47 +08:00
    iOS 也是可以的,在 Windows 上都可以调试,麻烦了一点儿就是,需要借助 iOS WebKit Debug Proxy 和 itunes
    yEhwG10ZJa83067x
        12
    yEhwG10ZJa83067x  
       2021-12-23 09:36:23 +08:00
    inspect 我拿来学习那些被限制在微信访问别人家 H5 项目的。
    12ava
        13
    12ava  
       2021-12-23 10:16:25 +08:00
    inspect 在 webview 里面好像不能调试,也很头疼
    onhao
        14
    onhao  
    OP
       2021-12-23 10:49:22 +08:00
    @12ava 确实有些浏览器 不支持 ,比如微信浏览器 也要通过设置才能打开 inspect 的调试。
    @justrand 哈哈, 这是高手,这是高手。
    @Rache1 可以参考下, 以后有需要了尝试下老哥的方法
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3270 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 12:25 · PVG 20:25 · LAX 04:25 · JFK 07:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.