教你如何使用Windows电脑对IOS手机上的网页举行调试

前期预备

• PC端安装Chrome浏览器。
  
• 苹果手机一部。
  
• 毗连电脑数据线一条。
  
• 梯子。
  
• PC端安装iTunes大概爱思助手。
  

苹果手机设置

打开“设置”→找到“Safari 浏览器”点击进去→往下滑找到“高级”举行点击→打开“Web查抄器”。
电脑配置步骤

安装scoop

•  搜索PowerShell并使用管理员模式举行打开。
  
  
  
• 修改实行策略。
  1. set-executionpolicy unrestricted -s cu

  复制代码
  
  
•        安装scoop，scoop会默认安装到C:\Users\（本身的用户名）\scoop文件夹内里，也可以指定安装目次。   
  1. iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

  复制代码
     
  
• 假如报错碰到如下图所示：
  
  ​​
  

那么可以开启梯子之后，重新实行，顺遂的话可以解决这个问题

​
假如开了梯子之后，还是一直无法解决怎么办？这个时间使用下面这句
  

1. iex "& {$(irm get.scoop.sh)} -RunAsAdmin"

复制代码

​

假如以上办法还没能够解决？那么换成国内平台
 

1. scoop config SCOOP_REPO https://gitee.com/glsnames/scoop-installer

复制代码

更新依赖   

1. scoop update

复制代码

正常到这里应该都解决这个问题了，假如还是不可怎么办？自行Google吧。
 
安装ios-webkit-debug-proxy

• 1. scoop bucket add extras

  复制代码
  备注：出现已经存在的环境，按照提示scoop bucket rm extras移除之后再重新安装
  
• 1. scoop install ios-webkit-debug-proxy

  复制代码
  第一次安装会出现安全警报，点击允许访问即可。
  

去Chrome举行端口配置

• 打开chrome://inspect/#devices
  
• 填写端口号和地址：9000 localhost:9000
  
  
  
• 苹果手机毗连电脑，点击“信任”，并打开iTunes大概爱思助手确保手机已经处于毗连状态
  
• 打开命令行输入
  1. remotedebug_ios_webkit_adapter --port=9000

  复制代码
  可以在浏览器输入 localhost:9000查看确保已经毗连乐成
  
  
  
• 点击inspect跳转到调试页面。
  
  
  
   
  

碰到的问题

• 假如打开chrome://inspect/#devices，但是很久都没有看到应用列表怎么办。关闭remotedebug_ios_webkit_adapter --port=9000，实行下面的代码：
  1. ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

  复制代码
  这个时间过一会，大概率是能看到应用了，并且已经出现了inspect按钮。这个时间点击过去，大概率页面会是空白
  这个时间，浏览器输入http://localhost:9222/，你会看到下面的页面：这个时间随便选择一个页面，右键复制链接到调试页面举行输入，这个时间输入回车，你会发现并没有什么用
  
  
  
  
• 最后终极大法，重启电脑，重新按照步骤启动即可。接下来又可以举行快乐的调试了

  

  
   
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。