date: 2016-09-09 19:36:29
Overview
當(dāng)下移動(dòng)端開(kāi)發(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)開(kāi)啟開(kāi)發(fā)模式連接iPhone來(lái)調(diào)試app臉面的web頁(yè)面了限嫌。
Safari設(shè)置
打開(kāi)Safari偏好者設(shè)置靴庆，選中“高級(jí)菜單”，在頁(yè)面最下方看到“在菜單中顯示開(kāi)發(fā)菜單”的復(fù)選框怒医，在復(fù)選框內(nèi)打鉤炉抒，這樣設(shè)置完畢就能在Safari菜單中看到開(kāi)發(fā)菜單了
iPhone設(shè)置
打開(kāi)iPhone手機(jī)設(shè)置app 選擇Safari，找到高級(jí)選項(xiàng)稚叹，有JavaScript開(kāi)關(guān)web檢查器開(kāi)關(guān)焰薄，講兩個(gè)開(kāi)關(guān)都打開(kāi)
調(diào)試
到此，準(zhǔn)備工作完成扒袖。這時(shí)候講iPhone鏈接到mac上塞茅，打開(kāi)Safari瀏覽器，運(yùn)行手機(jī)app里面的web頁(yè)面季率，在開(kāi)發(fā)菜單中選擇連接的手機(jī)野瘦，找到調(diào)試的網(wǎng)頁(yè)，就能在Safari里面調(diào)試了
手機(jī)截屏
Safari調(diào)試窗口
Safari控制臺(tái)
在Safari中鼠標(biāo)右鍵飒泻，選擇檢查元素鞭光，就可以看見(jiàn)Safari控制臺(tái)了。如果看不到檢查元素選項(xiàng)泞遗，依照上面Safari設(shè)置打開(kāi)開(kāi)發(fā)選項(xiàng)
