safari調(diào)試iOS app web頁(yè)面的步驟
Overview
當(dāng)下移動(dòng)端開發(fā)過(guò)程中大量使用前段H5、js等等技術(shù)，而這些web頁(yè)面的調(diào)試在Xcode控制臺(tái)中不太明了，經(jīng)常我們移動(dòng)app運(yùn)行了就是方法，但是不能顯示響應(yīng)的效果，這時(shí)候或許就是已經(jīng)報(bào)錯(cuò)了，但是我們?cè)赬code控制臺(tái)是看不到這些錯(cuò)誤。這時(shí)候我們就可以用功能強(qiáng)大的Safari瀏覽器來(lái)開啟開發(fā)模式連接iPhone來(lái)調(diào)試app臉面的web頁(yè)面了。
Safari設(shè)置
打開Safari偏好者設(shè)置，選中“高級(jí)菜單”，在頁(yè)面最下方看到“在菜單中顯示開發(fā)菜單”的復(fù)選框，在復(fù)選框內(nèi)打鉤，這樣設(shè)置完畢就能在Safari菜單中看到開發(fā)菜單了
iPhone設(shè)置
打開iPhone手機(jī)設(shè)置app 選擇Safari，找到高級(jí)選項(xiàng)，有JavaScript開關(guān)web檢查器開關(guān)，講兩個(gè)開關(guān)都打開
調(diào)試
到此，準(zhǔn)備工作完成。這時(shí)候講iPhone鏈接到mac上，打開Safari瀏覽器，運(yùn)行手機(jī)app里面的web頁(yè)面，在開發(fā)菜單中選擇連接的手機(jī)，找到調(diào)試的網(wǎng)頁(yè)，就能在Safari里面調(diào)試了
手機(jī)截屏
Safari調(diào)試窗口
Safari控制臺(tái)
在Safari中鼠標(biāo)右鍵，選擇檢查元素，就可以看見Safari控制臺(tái)了。如果看不到檢查元素選項(xiàng)，依照上面Safari設(shè)置打開開發(fā)選項(xiàng)
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS 條碼及二維碼掃描（從相冊(cè)中讀取條形碼/二維碼）及掃碼過(guò)程中遇到的坑
本文主要給大家介紹ios中從手機(jī)相冊(cè)中讀取條形碼和二維碼的問(wèn)題及解決辦法，需要的朋友參考下2017-01-01
這篇文章主要介紹了IOS10 配置權(quán)限詳細(xì)介紹的相關(guān)資料,訪問(wèn)相機(jī)、相冊(cè)、麥克風(fēng)、通訊錄等等權(quán)限，都需要進(jìn)行相關(guān)的配置，不然會(huì)直接crash，需要的朋友可以參考下2016-12-12
iOS實(shí)現(xiàn)UIScrollView的無(wú)限輪播功能（原理）詳解
在現(xiàn)在的一些App中常常見到圖片輪播器,一般用于展示廣告、新聞等數(shù)據(jù)，下面這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)UIScrollView的無(wú)限輪播功能（原理）的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2018-09-09
這篇文章主要介紹了Xcode 升級(jí)導(dǎo)致插件失效的解決辦法的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了iOS?Segment帶滑動(dòng)條切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了iOS base64 加密解密 通用類的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-12-12
本篇文章主要介紹了IOS點(diǎn)擊空白處隱藏鍵盤的幾種方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2016-12-12
詳解如何攔截iOS所有網(wǎng)絡(luò)請(qǐng)求
這篇文章主要介紹了詳解如何攔截iOS所有網(wǎng)絡(luò)請(qǐng)求，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
這篇文章主要介紹了IOS中獲取本地通訊錄聯(lián)系人以及漢字首字母排序的相關(guān)資料,需要的朋友可以參考下2016-12-12
實(shí)例解析iOS中音樂(lè)播放器應(yīng)用開發(fā)的基本要點(diǎn)
這篇文章主要介紹了iOS開發(fā)中制作一個(gè)簡(jiǎn)單的音樂(lè)播放器的基本要點(diǎn)解析,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-01-01