在開發(fā)過程中,我們經(jīng)常會使用WebView去加載一個H5頁面司顿。有時候,我們想要去檢查H5元素蚕冬、查看H5源代碼等等免猾,這時候怎么辦呢?不要慌囤热,Safari幫你搞定~Safari調(diào)試功能可以輕松定位問題所在猎提。
* APP內(nèi)的WebView、iPhone上的safari都可以去調(diào)試檢查旁蔼。
* iPhone和Simulator都可以用此方法去調(diào)試檢查
操作步驟
1.配置iPhone上的safari
- 打開手機的設(shè)置
- 找到safari并選擇
- 找到高級選項并進(jìn)入
- 將“網(wǎng)頁檢查器”開啟
2.配置Mac上的safari
- 打開mac的safari
- 菜單欄中選擇偏好設(shè)置
- 找到高級的選項卡并選擇
- 勾選“在菜單欄中顯示開發(fā)菜單”
3.調(diào)試锨苏、檢查H5頁面
- 將iPhone或者模擬器鏈接電腦
- 設(shè)備中打開你要檢查、調(diào)試的H5頁面或者網(wǎng)頁
- 打開mac的safari瀏覽器
- 菜單欄中選擇“開發(fā)”選項(步驟二后才會出現(xiàn)該選項)
- 選擇你的設(shè)備以及要檢查的網(wǎng)址