ios safari 模拟器_Safari调试iOS应用

HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。

系列文章目录导航：

Safari调试iOS手机概述

对于HTML5的开发，大家都知道Chrome的DevTools工具有强大的功能和友好的用户体验，不仅能快速方便调试JavaScript、检查HTML页面DOM结构、实时同步更新元素CSS样式，还能跟踪分析页面资源加载性能等问题。

对于移动平台的开发者来说，从iOS5.0开始，也可以通过Safari的Web Inspector工具连接设备对应用进行调试。

调试效果如图所示：

我们有2种方式，一种是使用xcode iOS模拟器，一种是使用iPhone、iPad、iTouch等真实设备。

如果使用xcode模拟器，可以直接使用safari的控制台debug。

如果使用真机，由于iOS有签名校验机制，正式包不允许safari debug，所以安装在真机上的包必须是测试签名打的包。此时参考如下步骤：

真机调试环境

准备环境

Mac OS 10.9以上系统。无论使用模拟器还是真机，由于safari只有mac版本，所以必须配备mac电脑。

xcode iOS模拟器

如果使用真实手机debug，还需要：

苹果开发者账号，申请苹果开发证书(Certificates)和描述文件(Provisoning Profiles)

iOS5.0以上设备(iPhone、iPad、iTouch均可)

申请开发证书和描述文件