当前位置: 首页 > 后端技术 > Node.js

如何用chrome调试iphone页面?win10remotedebug-ios-webkit-adapter安装使用

时间:2023-04-03 10:25:34 Node.js

先放个原教程链接,请戳这里https://github.com/RemoteDebu...使用chromedevtools调试iphone页面,需要安装remotedebug-ios-webkit-适配器工具。这个适配器很棒,可以通过VSCode、ChromeDevTools、MozillaDebugger.html和其他兼容Chrome调试协议的工具在iOS上调试Safari和WebViews。并看下面的具体步骤。在使用此适配器之前,您需要确保安装了最新版本的iTunes,因为我们需要iTunes提供的一些库来与iOS设备进行通信。安装依赖1.安装scoop(windows包管理工具)#修改执行策略,选择yes或者allset-executionpolicyunrestricted-scu#安装scoopiex(new-objectnet.webclient).downloadstring('https://get.scoop.sh')2.安装ios_webkit_debug_proxyscoopbucketaddextrasscoopinstallios-webkit-debug-proxynpminstall-gvs-libimobile3.安装最新版本的remotedebug-ios-webkit-adapternpminstallremotedebug-ios-webkit-adapterthroughscoop-g4,EnableremotedebugginginSafari为了显示你的iOS设备,你需要启用开发者模式进行调试。*Iphone=>设置=>Safari=>高级=>Web检查器=>启用*5。让您的计算机信任您的iOS设备,将您的Iphone连接到计算机。您必须单击“信任”并打开iTunes以确保您的手机已连接。6.打开你喜欢的命令行工具,运行以下命令:remotedebug_ios_webkit_adapter--port=9000#ios-webkit-debug-proxy会自动为你运行,无需单独启动7.打开chrome,输入网址:chrome://inspect/#devices如下图,点击inspect进行调试。恭喜,现在可以愉快的调试网页了。以下是在iPhone上看到的效果:*指哪打哪里,简直不要太牛逼*PS:请多多指正!别忘了点个赞~回你一个猿猴般的笑容。:)