[关闭]
@TerryWan 2015-10-24T17:39:01.000000Z 字数 466 阅读 1475

在PC浏览器调试手机端页面

调试


1. 使用UC开发者版调试

  1. 安装UC浏览器开发者版(只有Android版)(下载地址 ),内置强大的手机网页调试工具Remote Inspector
    UC开发者版启动界面
  2. 保持手机和PC在同一网络环境,开启WIFI,先在WLAN设置里得到手机端的的内网IP地址
  3. 打开Chrome或其他WebKit内核浏览器,在地址栏输入步骤2获取的 IP+端口:9998(如:192.168.1.100:9998)并访问
  4. 此时手机端会显示申请调试确认信息:
    请求图示
  5. 确认后,PC浏览器会显示手机端页面,F12打开开发者工具即可调试DOM、JS及CSS

2. 使用chorme调试

  1. 手机和PC分别安装最新的Chrome浏览器
  2. 手机USB连接PC机
  3. 在PC地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测手机设备 (如C6603 #YT9108PMBJ)
    链接成功图示
  4. 在手机Chrome浏览器中输入需调试页面地址,此时PC上的chorme会出现你访问的网址的记录,勾选inspect选项
    勾选
  5. 勾选后就能在PC浏览器看到需调试页面,就能使用开发者工具常规调试代码了
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注