使用 Xcode 在 iOS 模拟器中调试 Web 页面_xcode手机模拟器查看web控制台

买不起iphoneX，但是买得起mac的前端穷逼看过来！
使用Xcode就能在mac上模拟iphoneX，当然也可以模拟iphone6/7/8、iphone6/7/8 plus等等机型，超级方便。

第一步：下载 Xcode
去app store搜Xcode，不载了的话就升级一下系统咯！

第二步：打开 Simulator
iOS 模拟器（iOS Simulator）是捆绑在 Xcode 里的，不需要每次打开Xcode，直接去 /Applications/Xcode.app/Contents/Developer/Applications/ 路径下找到Simulator然后打开就可以了，每次打开路径嫌麻烦就保留在Dock上咯！

第三步：打开 Simulator 中的 Safari
打开 Simulator 的 Safari，输入网址就能预览了。如果要预览自己mac上的项目，可以用本地端口。

附加内容：
1、更换设备。例如想换成iphone6，hardware -> Device 然后自己选咯。
2、调试模拟器上的网页，打开mac上的safari浏览器，点一下 开发 -> 模拟器…

参考资料：http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/