safari調(diào)試iOS app web頁面的步驟
Overview
當(dāng)下移動端開發(fā)過程中大量使用前段H5、js等等技術(shù)，而這些web頁面的調(diào)試在Xcode控制臺中不太明了，經(jīng)常我們移動app運行了就是方法，但是不能顯示響應(yīng)的效果，這時候或許就是已經(jīng)報錯了，但是我們在Xcode控制臺是看不到這些錯誤。這時候我們就可以用功能強(qiáng)大的Safari瀏覽器來開啟開發(fā)模式連接iPhone來調(diào)試app臉面的web頁面了。
Safari設(shè)置
打開Safari偏好者設(shè)置，選中“高級菜單”，在頁面最下方看到“在菜單中顯示開發(fā)菜單”的復(fù)選框，在復(fù)選框內(nèi)打鉤，這樣設(shè)置完畢就能在Safari菜單中看到開發(fā)菜單了
iPhone設(shè)置
打開iPhone手機(jī)設(shè)置app 選擇Safari，找到高級選項，有JavaScript開關(guān)web檢查器開關(guān)，講兩個開關(guān)都打開
調(diào)試
到此，準(zhǔn)備工作完成。這時候講iPhone鏈接到mac上，打開Safari瀏覽器，運行手機(jī)app里面的web頁面，在開發(fā)菜單中選擇連接的手機(jī)，找到調(diào)試的網(wǎng)頁，就能在Safari里面調(diào)試了
手機(jī)截屏
Safari調(diào)試窗口
Safari控制臺
在Safari中鼠標(biāo)右鍵，選擇檢查元素，就可以看見Safari控制臺了。如果看不到檢查元素選項，依照上面Safari設(shè)置打開開發(fā)選項
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS 生成plist文件,在項目中代碼創(chuàng)建plist的實例
下面小編就為大家分享一篇iOS 生成plist文件,在項目中代碼創(chuàng)建plist的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本篇文章主要介紹了iOS 11 safeArea詳解及iphoneX 適配，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細(xì)介紹了iOS如何保持程序在后臺長時間運行,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
IOS Ble藍(lán)牙開發(fā)實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了IOS Ble藍(lán)牙開發(fā)的實現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了IOS Swift基礎(chǔ)之switch用法詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02
本篇文章主要介紹了iOS 原生sqlite3的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
iOS開發(fā)中一些手寫控件及其相關(guān)屬性的使用
這篇文章主要介紹了iOS開發(fā)中一些手寫控件及其相關(guān)屬性的使用,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12
最近閑來無聊，研究了一下IPhone桌面圖標(biāo)的抖動，網(wǎng)上有一個類似的事例，但是我看來效果實在不佳，自己也來寫一個玩玩，有需要的小伙伴可以參考下。2015-05-05
IOS給xcode工程關(guān)聯(lián)pod的實例詳解
這篇文章主要介紹了IOS給xcode工程關(guān)聯(lián)pod的實例詳解的相關(guān)資料,希望大家通過本文能實現(xiàn)這樣的需求，需要的朋友可以參考下2017-09-09
iOS應(yīng)用中發(fā)送HTTP的get請求以及HTTP異步請求的方法
這篇文章主要介紹了iOS應(yīng)用中發(fā)送HTTP的get請求以及HTTP異步請求的方法,代碼為傳統(tǒng)的Objective-C語言,說明都簡單地融入于注釋之中,需要的朋友可以參考下2016-02-02