V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
onhao
V2EX  ›  程序员

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

  •  
  •   onhao · Dec 22, 2021 · 3109 views
    This topic created in 1601 days ago, the information mentioned may be changed or developed.

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

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

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