在開(kāi)發(fā)過(guò)程中,我們經(jīng)常會(huì)使用WebView去加載一個(gè)H5頁(yè)面。有時(shí)候,我們想要去檢查H5元素、查看H5源代碼等等,這時(shí)候怎么辦呢?不要慌,Safari幫你搞定~Safari調(diào)試功能可以輕松定位問(wèn)題所在。
* APP內(nèi)的WebView、iPhone上的safari都可以去調(diào)試檢查。
* iPhone和Simulator都可以用此方法去調(diào)試檢查
操作步驟
1.配置iPhone上的safari
- 打開(kāi)手機(jī)的設(shè)置
- 找到safari并選擇
- 找到高級(jí)選項(xiàng)并進(jìn)入
- 將“網(wǎng)頁(yè)檢查器”開(kāi)啟
2.配置Mac上的safari
- 打開(kāi)mac的safari
- 菜單欄中選擇偏好設(shè)置
- 找到高級(jí)的選項(xiàng)卡并選擇
- 勾選“在菜單欄中顯示開(kāi)發(fā)菜單”

配置Mac上的safari
3.調(diào)試、檢查H5頁(yè)面
- 將iPhone或者模擬器鏈接電腦
- 設(shè)備中打開(kāi)你要檢查、調(diào)試的H5頁(yè)面或者網(wǎng)頁(yè)
- 打開(kāi)mac的safari瀏覽器
- 菜單欄中選擇“開(kāi)發(fā)”選項(xiàng)(步驟二后才會(huì)出現(xiàn)該選項(xiàng))
- 選擇你的設(shè)備以及要檢查的網(wǎng)址