移动端调试 - yexingxia/webfont GitHub Wiki
https://developer.chrome.com/devtools/docs/device-mode
- Android
Chrome remote debugging
条件:
开发机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)
- weinre --httpPort 8081 --boundHost -all-
- http://localhost:8081
<script src="http://localhost:8081/target/target-script-min.js#anonymous"></script>
- start server
<script src="http://localhost:8080/static/debuggap.js"></script>
- config -> connect with server