本篇文章為大家展示了怎么在Windows筆記本上調(diào)試運(yùn)行在iOS設(shè)備上的前端應(yīng)用，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司從2013年開(kāi)始，先為奉化等服務(wù)建站，奉化等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為奉化企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

我在每天工作中需要在不同的移動(dòng)設(shè)備上測(cè)試我們開(kāi)發(fā)的前端應(yīng)用是否正常工作，比如iOS設(shè)備和Android設(shè)備。我用的工作筆記本電腦又是Lenovo的，安裝的是Windows操作系統(tǒng)。

有的時(shí)候一個(gè)開(kāi)發(fā)好的前端應(yīng)用，在Android設(shè)備上正常工作，但是在iOS平板上測(cè)試卻發(fā)現(xiàn)問(wèn)題（相當(dāng)廣大前端開(kāi)發(fā)者都曾經(jīng)遇到過(guò)類似問(wèn)題）。順手就想調(diào)試一下找到原因。那么一個(gè)前端應(yīng)用運(yùn)行在iOS設(shè)備上，程序員如何在安裝了Windows系統(tǒng)的筆記本上進(jìn)行調(diào)試呢？

假設(shè)我的前端應(yīng)用是這個(gè)url： https://jerrylist.cfapps.eu10.hana.ondemand.com/ui5/ 。

在IPAD上打開(kāi)界面如下：

1. 在Windows筆記本電腦上安裝iTunes：  https://www.apple.com/cn/itunes/download/

安裝后，您的Windows筆記本電腦才能成功和iOS設(shè)備連接并成功識(shí)別它。

2. 到iOS設(shè)備上，菜單iPad->Settings->Safari->Advanced，打開(kāi)“Web Inspector” 選項(xiàng)。

3. 從github網(wǎng)站下載ios-webkit-debug-proxy-win32：

https://github.com/artygus/ios-webkit-debug-proxy-win32

將zip解壓到一個(gè)文件夾里，然后把這個(gè)文件夾加到Path環(huán)境變量里。

4. 在Windows系統(tǒng)的CMD里，敲入下面的命令行：

ios_webkit_debug_proxy.exe -f  chrome-devtools://devtools/bundled/inspector.html

收到Windows成功監(jiān)聽(tīng)iOS設(shè)備事件的消息：

Listing devices on: 9221

Connected: 9222 to Jerry's iPad

在瀏覽器里訪問(wèn)： http://localhost:9221

從結(jié)果列表里就看到我的iOS設(shè)備了。

點(diǎn)localhost:9222的超鏈接，然后就可以看到另一個(gè)超鏈接，代表了我的IPad的Safari當(dāng)前打開(kāi)的網(wǎng)頁(yè)：

點(diǎn)這個(gè)超鏈接，Windows筆記本電腦上的Chrome開(kāi)發(fā)者工具就自動(dòng)打開(kāi)了。在IPad上會(huì)彈出一個(gè)詢問(wèn)您是否允許調(diào)試的對(duì)話框。點(diǎn)“Approve”按鈕，就可以開(kāi)始在Windows電腦上調(diào)試遠(yuǎn)端連接的iOS設(shè)備上的前端應(yīng)用啦！

上述內(nèi)容就是怎么在Windows筆記本上調(diào)試運(yùn)行在iOS設(shè)備上的前端應(yīng)用，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。