Ionic 跨平台开发之Safari上的调试方案

IOS工程的调试有2种方式：一种是使用xcode iOS模拟器，一种是使用iPhone、iPad、iTouch等真实设备。
如果使用的是Xcode的开发工具进行OC或者SWIFT语言开发的，相信都会调试，而且之前的笔记中也记录过；现在 是使用其它语言【ionic前端框架：HTML、CSS、AngularJS】进行跨平台的前端开发的调试方案：一方面可以通过命名行使用xcode模拟器调试，也可以直接使用safari的控制台debug真机调试。
一，设置：在设备中开启功能
[IOS终端]：设置---->Safari---->高级---->Web检车器---->开；



 [OS X Mac]：Safari---->偏好设置---->高级---->勾上“在菜单栏中显示‘开发’菜单”



 二，连接移动设备和计算机并启动调试器    在OS X中启动Safari后，用数据线接入IOS设备，并在此设备上启动Safari。此时点击Mac上的Safari菜单中的“开发”，可以看见有iOS设备名称的显示，点击即可开始调试。


    在这个调试器里，我们可以像使用桌面操作系统的 Safari 的调试器一样，做各种调试工作，譬如 HTML 元素、CSS 及盒模型等的查看和即时编辑、JavaScript 调试器、网页元素时间轴、DOM 元素查看器等各种功能。    这种方法调试刚好可以弥补在浏览器里调试的不足，可以测试和手机相关的功能。测试方法如下：
进入项目目录。
运行 ionic run ios -s -l -c 这样的指令 #. -s 表示打印服务端的log #. -c 表示打印客户端的log #. -l 表示Live Reload。 就是说，你在电脑上对文件的改动，能立即反应到测试的手机上。
根据各种log来调试你得程序。