【Tool】前端H5页面Chrome调试

微信页面调试

  1. 打开开发者模式
    进入界面:设置->系统->关于手机
    多次点击版本号。
  2. 开启USB调试
    进入界面:设置->系统->开发人员选项
    • 打开开发者选项
    • 打开USB调试
  3. 打开inspect调试功能
    给【文件传输助手】发送消息: http://debugx5.qq.com
    打开链接,开启【打开TBS内核Inspector调试功能】,如下图所示。
  4. 连接手机
    进入chrome浏览器,输入网址并打开:
    chrome://inspect/#devices
    点击下面的 inspect 链接即可进入DevTool。

  5. 然后就可以调试页面了

app内的H5调试

WebView要开启DEBUG模式

private void enableWebContentsDebug() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        boolean enable = preferences.getBoolean("enablewebcontentdebug", false);
        WebView.setWebContentsDebuggingEnabled(enable);
    }
}

其他步骤同【微信页面调试】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值