准備環境:
- MAC電腦一台或Windows一台(需裝OS虛擬機)
- IOS5.0以上真機一台(iPhone、iPad、iTouch 均可)、數據線一根
- 在MAC電腦或虛擬機上安裝Hbuilderx
- 打開Safari,點擊偏好設置,在“高級”選項卡中,勾選“在菜單欄中顯示‘開發’菜單”選項
- 安裝SafariTechnologyPreview,這個版本需要跟MacOS的版本適配,否則安裝不上,官方下載地址:Safari Technology Preview (博主自用適配MacOS10.14版Safari Technology Preview)
- 在iPhone中打開“設置”程序,進入“Safari”->“高級”頁面開啟“網頁檢查器”,否則MAC端Safari瀏覽器將無法檢測到連接的iPhone
制作自定義調試基座:
- 制作自定義調試基座前,需要先申請好開發測試證書和描述文件,具體步驟參考DCloud官方文檔: iOS證書(.p12)和描述文件(.mobileprovision)申請
- 打開Hbuilderx,點擊 運行=》運行到手機或模擬器 =》制作自定義調試基座
3.將申請的證書信息填寫完整,然后點擊打包
4.打包后通過會在項目中生成IOS_debug.ipa文件,通過iTunes安裝到iPhone上就可以了
Windows虛擬機設置(Mac可直接跳過):
- 需要安裝VMTools,若提示“無法再更新服務器上找到組件”錯誤,可直接下載 離線包,然后點擊安裝,重啟
- 需要設置虛擬機USB兼容性為USB2.0(需要先將虛擬機關機,否則設置無效,將手機連接到電腦時也要將USB插在2.0的接口上)
3.點擊狀態欄“虛擬機”=》“可以動設備” =》選中你連接的iPhone,點擊連接
4.打開ITunes,iPhone能正常連上就OK了
開始調試:
- 通過數據線連接iPhone
- 打開剛剛安裝的自定義調試基座
- 打開MAC上剛安裝的Safari Technology Preview,點擊狀態欄上“Develop”=》點擊連接的iPhone名字,然后就會出現需要調試的頁面
4.點擊需要調試的頁面,就可以看到跟Windows上Chrome調試Android一樣的界面了