在Windows笔记本上调试运行在iOS设备上的前端应用 1

2024-04-29 07:20:00

我在每天工作中需要在不同的移动设备上测试我们开发的前端应用是否正常工作，比如iOS设备和Android设备。我用的工作笔记本电脑又是Lenovo的，安装的是Windows操作系统。

有的时候一个开发好的前端应用，在Android设备上正常工作，但是在iOS平板上测试却发现问题（相当广大前端开发者都曾经遇到过类似问题）。顺手就想调试一下找到原因。那么一个前端应用运行在iOS设备上，程序员如何在安装了Windows系统的笔记本上进行调试呢？

假设我的前端应用是这个url：https://jerrylist.cfapps.eu10...。

在IPAD上打开界面如下：

1. 在Windows笔记本电脑上安装iTunes： https://www.apple.com/cn/itun...

安装后，您的Windows笔记本电脑才能成功和iOS设备连接并成功识别它。

2. 到iOS设备上，菜单iPad->Settings->Safari->Advanced，打开“Web Inspector” 选项。

3. 从github网站下载ios-webkit-debug-proxy-win32：

https://github.com/artygus/io...

将zip解压到一个文件夹里，然后把这个文件夹加到Path环境变量里。

4. 在Windows系统的CMD里，敲入下面的命令行：

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

收到Windows成功监听iOS设备事件的消息：

Listing devices on: 9221

Connected: 9222 to Jerry's iPad

在浏览器里访问：http://localhost:9221

从结果列表里就看到我的iOS设备了。

点localhost:9222的超链接，然后就可以看到另一个超链接，代表了我的IPad的Safari当前打开的网页：

点这个超链接，Windows笔记本电脑上的Chrome开发者工具就自动打开了。在IPad上会弹出一个询问您是否允许调试的对话框。点“Approve”按钮，就可以开始在Windows电脑上调试远端连接的iOS设备上的前端应用啦！

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:

在Windows笔记本上调试运行在iOS设备上的前端应用 1相关推荐

在Windows笔记本上调试运行在iOS设备上的前端应用
我在每天工作中需要在不同的移动设备上测试我们开发的前端应用是否正常工作,比如iOS设备和Android设备.我用的工作笔记本电脑又是Lenovo的,安装的是Windows操作系统. 有的时候一个开发好 ...
神器面世：让你快速在 iOS 设备上安装 Windows、Linux 等操作系统！
今天我想跟大家分享下,最近连续几天,持续霸榜 GitHub Trending 的一款开源神器:UTM. https://github.com/utmapp/UTM/ 相信在座的各位,多多少少都有过给电 ...
在iOS设备上安装Windows、Linux等操作系统！
提到iOS高级玩法,很多人都会想到越狱,但真正的高级玩家,已经在探索如何在iOS上运行其他操作系统了. 2020年,这个想法真的实现了. 首先是在今年3月5日,一位国外的开发团队称,他们在苹果iPho ...
从Windows 7 Media Center转换实况电视录制以在iOS设备上观看
If you use Windows 7 Media Center to record Live TV, you might want to bring shows with you on your ...
html2canvas在手机不行,html2canvas - 在iOS设备上崩溃
我为客户端建立了一个系统,它允许您选择或上传汽车图像,在中键入数字,然后移动/调整大小/旋转/将板倾斜到正确的位置,然后下载图像:html2canvas - 在iOS设备上崩溃这都是每次我在测试设备 ...
ios avi_转换DVD，ISO和AVI视频以在iOS设备上播放
ios avi If you own an iOS device, you know that by default it only plays certain video formats. You ...
firefox书签同步_Firefox：如何将iOS设备上保存的书签同步到PC上的Firefox？
firefox书签同步 Firefox on iOS can view bookmarks from PC. But how to sync the bookmarks made on iOS to ...
在Android和iOS设备上调用C++代码
不少Android和iOS项目中,因为种种原因不得不调用C/C++代码.这篇文章主要讲述如何通过Objective-C++.NDK技术在iOS及Android设备上调用C/C++代码. 主要工作原理 ...
不通过AppStore,在iOS设备上直接安装应用程序的原理
本文转载至 http://mobile.51cto.com/hot-439095.htm 通过itms-services协议,可以通过safari浏览器直接在iOS设备上安装应用程序.利用这种方式, ...

最新文章

热门文章