iOS中web app調試(mac).md
近期公司vue項目開發，目的是一次開發，多平台發布，其中就包含了app，app采用離線web方案，將vue打包后的js bundle文件、靜態資源文件打包進app中，為提高性能、優化體驗，app也通過jsbridge，暴露原生接口給web調用。
為此，web app開發時可以使用chrome等pc模擬器進行調試，但是涉及app適配，特別是原生接口調試時，就比較麻煩，必須要依賴於真機，這樣那是不是有方法進行真機聯調呢？
iphone連接mac，通過mac下safari就可以很方便對真機safari、app中webview進行聯調。
一、真機聯調配置
iphone上設置：safari設置->高級（最下面）->如上圖打開Web檢查器和JavaScript。
通過數據線連接mac，或者也可以手機或mac間共享熱點（不需要數據線挺方便的）。
二、mac上Safari配置及真機聯調
mac上配置下safari，在菜單欄顯示“開發”菜單，設置好這些，將光標移動到safari的“開發”菜單項，此時就可以看到iphone上正打開的web（app webview也一樣），如下圖，點擊任一項即可進入調試，調試方式跟平台web調試無差。
三、iOS模擬器使用
以上方式不僅適用於真機，也可用於mac模擬器，為什么有真機聯調，我還要用模擬器呢？
最近試驗性選用weex開發（weex是阿里推出的，基於vue的前端框架，目的是通過一次開發，同時構建web、android和ios應用，實現跨平台開發），確實有點大膽，直接用當前業務來試錯，將在微信、app、m網站上線。
weex的坑基本填完了，回到模擬器使用，weex不支持打包-webkit-的部分屬性，在ios8上發現了該問題。手里沒有ios8的操作系統，這里用模擬器就很方便。
默認mac已經安裝了xcode，通過Alfred輸入sim即可快速找到ios模擬器(Simulator.app)。
通過Hardware->Device即可管理使用對應的ios版本。接下來，回到第二步即可進行模擬器聯調。
四、在iOS模擬器中安裝app
除了通過模擬器調試web，我們也可以安裝app，進行app webview，調試，iOS模擬器安裝app與真機安裝不同，模擬器只能安裝基於源代碼打包出來的app bundle（找ios開發要）。
// 通過xcode提供的simctl命令進行安裝 /Applications/Xcode.app/Contents/Developer/usr/bin/simctl install booted EgretFly_InHouse.app