在Windows下调试Safari网页

准备工作

1. 去Apple官网下载最新版iTunes并安装。

2. 安装scoope。scoope是windows一个安装源搜索工具，类似于centOS下的yum或Ubuntu下的apt。以下主要参考这篇文章：scoop的安装及基本使用

3. 打开powershell，powershell版本需是3.0以上

   1. 查看当前powershell版本
      $PSVersionTable.PSVersion
      更改脚本执行策略（我在执行这一步的时候并没有用，如果你执行时有用，这一步选A）
      set-executionpolicy remotesigned -s cu
   2. 设置scoop环境变量
      
4. 1. 配置hosts
      win10下打开C:\Windows\System32\drivers\etc目录，打开hosts文件，添加一行：
      199.232.4.133 raw.githubusercontent.com
   2. 执行命令安装scoop
      iex (new-object net.webclient).downloadstring(\'https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1\')
   3. 如果scoop安装时意外中止了，则需要删除你所配置的环境变量的目录（如我是D:\Program Files(x86)\Scoop）再重新安装

5. scoop安装成功

   1. 添加新的scoop bucket源，这一步会访问github，如果卡住了，尝试使用不存在的工具
      scoop bucket add extras

6. ps.卸载scoop命令
   scoop uninstall scoop

我遇到过装完scoop，关闭当窗口再重新打开powershell提示scoop命令不存在的情况，但scoop确实已经安装了，只能删除scoop安装文件夹再重新安装一次了。

下载所需插件

1. scoop安装ios-webkit-debug-proxy
   scoop install ios-webkit-debug-proxy
2. 使用npm全局安装remotedebug-ios-webkit-adapter（需提前安装好node.js）
   npm install --registry=https://registry.npm.taobao.org remotedebug-ios-webkit-adapter -g

调试设备环境

1. 打开ios设备 设置->Safari浏览器->高级->打开网页检查器
2. powershell运行命令（端口号可以任意设置）
   remotedebug_ios_webkit_adapter --port=9000
3. 在chrome中输入chrome://inspect/#devices ，添加需要运行适配器的ip，如localhost:9000 ，之后点击inspect即可开始调试
   

---

ps.实际上并不好用，屏幕分辨率不能调，只能在设备上操作网页，电脑上不行…电脑上只能使用元素选择器。所以真正想方便调试还是得整mac。