移动端调试 - yexingxia/webfont GitHub Wiki

浏览器模拟

https://developer.chrome.com/devtools/docs/device-mode

真机调试

浏览器自带

条件:
开发机Chrome(32+) && USB连接 && 设备Android(4.0+) && Chrome for Android

步骤:
Enable USB debugging
connect device
find device chrome://inspect
debug inspect

更多功能:
screencast
实时截屏(性能)
port forwarding
将移动设备上的9000端口和pc上的8080端口映射起来,在移动设备上请求9000端口就会被转为对pc上8080端口的请求,这样设备上也能用localhost来访问pc上的内容 localhost:9000 => 127.0.0.1:8080
virtual host mapping
pc上绑定了127.0.0.1 jp.hao123.com的host,先给设备连接的网络上添加代理(localhost:9000),使得设备上所有请求都要通过此代理访问,然后将移动设备上的9000端口和pc上的代理服务器映射起来,从而localhost:9000又被转发为pc上的代理服务器来请求,从而可以通过virtual host来访问 127.0.0.1:8080 => jp.hao123.com:8080

  • iOS
    Safari(Mac+iPhone)

第三方插件

  1. weinre --httpPort 8081 --boundHost -all-
  2. http://localhost:8081
  3. <script src="http://localhost:8081/target/target-script-min.js#anonymous"></script>
  1. start server
  2. <script src="http://localhost:8080/static/debuggap.js"></script>
  3. config -> connect with server

console、alert

⚠️ **GitHub.com Fallback** ⚠️