1、Chrome 浏览器调试

准备工作

  • 电脑端、手机端安装 Chrome 浏览器
  • 电脑上安装好 Android SDK ,确认方式为 adb 命令可正常使用 (Android 程序猿可略过...)

建立调试守护进程

终端中键入以下命令

adb forward tcp:9222 localabstract:chrome_devtools_remote

成功的话会打印如下信息

adb server version (31) doesn't match this client (36); killing...* daemon started successfully *

进入调试状态

  • 手机打开 Chrome 输入要调试页面地址
  • 电脑打开 Chrome 进入 localhost:9222 页面选择要调试的页面
  • 点击要调试的页面后跳转至 http://chrome-devtools-frontend.appspot.com (需要翻墙)

不推荐使用第一种方式调试,推荐使用下面第二种方式调试 web 页面

2、Chrome DevTools

chrome://inspect/#devices
  • Android 需要打开 USB 调试模式,并用数据线连接你的电脑,确保连接正常


    这里写图片描述
  • 选择你要调试的页面,点击inspect,下面的步骤与电脑端使 Chrome 调试方式一致

3、微信公众号 Web 调试

  • 需用微信web开发者工具调试,具体请参考官方文档

4、清理微信浏览器缓存

用微信内置浏览器打开 http://debugx5.qq.com 勾上需清理的内容点击[清除]

清理缓存

更多相关文章

  1. Android(安卓)有输入框的页面,一打开就会弹出输入法,最简单屏蔽办
  2. Android(安卓)上调试 webkit framework 层及jni层
  3. Http中Cookie与Set-Cookie头
  4. Mac 使用MuMu模拟器调试
  5. An error has occurred. See error log for more details. com.a
  6. android 中的Main调试方法
  7. android 和h5互调步骤
  8. android 使用eclipse 调试 so
  9. 多种方式实现Android页面布局的切换

随机推荐

  1. Android中Drawable分类汇总
  2. Android中Context
  3. 关于Android发送邮件
  4. 【Android(安卓)XMPP】 学习资料收集贴(持
  5. Ubuntu下使用adb和USB连接的方式进行andr
  6. AndroidManifest.xml文件剖析 (二)
  7. android2.2中EditText不可编辑的问题
  8. android之TextView属性
  9. Android(安卓)数字标记
  10. android开发常用知识点备忘录