前端技巧(二)

21 阅读1分钟

1. chrome-devtools调试移动端webview里h5页面

  1. 手机连接wifi,保持手机和电脑处于同一局域网络下
  2. 手机连接电脑
  3. 手机打开开发者选项,允许USB调试
  4. 电脑打开 chrome://inspect
  5. 打开手机App内的H5页面
  6. 此时电脑的 chrome://inspect 页面会出现手机端页面的信息,点击 inspect 打开工具

2. uc-devtools调试移动端webview里h5页面

  1. 手机连接wifi,保持手机和电脑处于同一局域网络下
  2. 手机连接电脑USB,同时手机打开开发者模式及USB调试
  3. 电脑端下载uc-devtools软件,安装打开选择“本地 Devtools Inspector UI 资源”
  4. uc-devtools里会先显示对应的地址,点击inspect,若白板,请刷新