写了一个简单的个人主页,由于使用了一些 CSS3 的属性,考虑到浏览器兼容性问题,就使用了 webpack 的一些 loader 给这些属性加前缀。所以简单的静态单页面用了 webpack,又因为这个页面要放在 Github Pages 上,每次打包后还得手动切换分支推送到 Github 上,干脆趁这个机会写一个自动推送的脚本。
在移动端页面开发中,需要处理 Android 和 iOS 的兼容性问题。在 Chrome DevTools 中选择手机模式,可以一定程度上模拟移动端的页面,但更多的只是方便进行页面布局的调试和兼容。一些移动端的特性与表现,在真机和模拟情况下还是有存在很大差别的(比如软键盘的弹出等),尤其是 iOS 出于某些“考虑”表现出不符合标准的 BUG,在 Windows Chrome 中更是难以定位。
本文介绍如何在 Windows 系统中连接 iPhone Web 页面进行真机调试。