接到一个紧急修复需求,发现一个 H5 游戏在 iOS9 下显示高度没有铺满屏幕,需要调整高度达到自适应。
在 iOS9 下,iframe 的高度 100% 并不是屏幕的高度
Record
、 SSL Proxy
和 Windows Proxy
SSL Proxy
设置:Proxy
- SSL Proxying Settings
,添加本地代理:*:443
Proxy
- Proxy Settings
chls.pro/ssl
Map Local
,Map From
已自动填写,选择 Map To
为本地的 js由于 console
和 alert
看不到信息,所以直接把信息写到 html 上
分析发现: screen.height
和 iframe 的 clientHeight
相等,也就是顶部黑边高度也算进去了,所以需要减去黑边
最麻烦的调试莫过于,有限时间内,线上代码动不得,本地代码难测,于是就有了本文,通过“自己劫持自己”的方式,更优雅快速地调试并修复 BUG,同理,这种方式可以运用到微信开发等。
Charles,是一个抓包神器,不仅可以用于调试,而且还可以模拟网络状态(后面来了个添加 Loading 效果的需求,刚好这个功能可以模拟慢速网络),当然还有很多其它用处。