Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

手机端网页调试方案

（使用←和→进行正常顺序翻页）

host绑定 直连方案 ⤴ ·

开发版静态

file:///

云端静态

http://t.com

桌面端

hosts

192.168.0.xx t.com

移动端

移动端

开发版静态

file:///

云端静态

http://t.com

hosts

192.168.0.xx t.com

  1. 使用fiddler(windows)或tcpdump(*nix)，构建代理服务器

host绑定 代理方案 · ⤴

· ⤴ 远程调试

  1. UC浏览器的开发者版本
  1. MDN上面的教程／需ADB
  1. 设备开启调试，绑定Mac机器，USB连接Mac
  2. 打开safari，Ctrl + ， > “高级”> 勾选“在菜单中显示开发”
  3. 菜单 > 开发，找到你的设备，打开inspector
  1. Chrome远程调试教程
平台 浏览器 链接方式 使用ADB 调试工具
iOS Safari (Mac) 数据线 不 Inspector
Android Android Chrome 数据线 内置 Inspector
Firefox For Mobile 数据线 是 Firefox原生调试工具
UC 开发者工具 数据线 是 Inspector

⤴ · 远程调试 对比

Weinre调试服务器 ⤴

  1. 安　装：npm -g install weinre
  2. 移动端和调试服务器连入同一个wifi
  3. 服务器：开启weinre监听端口
  4. weinre --httpPort 8081 --boundHost 192.168.0.106
  5. 移动端：在页面中引入target-script-min.js
  6. 服务器：打开Debug页面，进入相应target
  1. 局限性
  2. 不支持实时改CSS
  3. 不支持单点调试
  4. 不支持非原生代码
⤴

引用