1. 程式人生 > >iOS混合開發除錯祕籍

iOS混合開發除錯祕籍

  在進行混合開發的時候(H5&&iOS),進行聯合除錯很是讓我們開發者頭疼,為了鎖定問題所在,H5小夥伴沒少打alert,我們這邊也沒少打log日誌,很是麻煩,下面給大家說一下我的新發現。輕鬆解決混合開發中的除錯問題。

1.不一樣的safari

作為iOS開發者,我想大家對safari都不陌生,但是通過了解發現真正使用過,safari開發者功能的是少之又少。下面先給大家簡單說一下safari的開發者功能。步驟 ->開啟safari瀏覽器 ->選中工具欄中的safari中的偏好設定,如下圖:
這裡寫圖片描述
然後如下圖:這裡寫圖片描述
選中在選單欄顯示“開發”選單

2,進入除錯模式

一切準備就緒,先下載一個我兩年前的一個混合開發的 小demo,帶回就以這個demo來進行演示如何除錯。demo 下載地址
1,執行程式,將打印出的指令碼沙盒路徑,複製貼上到safari瀏覽器開啟這裡寫圖片描述
格式如下:

file://複製的沙盒路徑

然後進入相關頁面 選擇在工具欄選擇:開發->進入響應式設計模式->開啟web檢查器,然後按照下圖的流程打斷點就可以除錯咯。

這裡寫圖片描述

這裡寫圖片描述

根據上圖,大家就可以輕鬆愉快的進行除錯了,而且即使是釋出在web站點的,也可以哦,是不是特別的便利哦。