必備:
1、 .NET Framework 4.5 及以上版本
2、powershell 5.1及以上版本
3、可正常訪問 https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1 此網(wǎng)站(需要網(wǎng)絡(luò)翻.墻)
打開部分圖如下:

4、安裝 iTunes
在window環(huán)境下,通過powershell 安裝 scoop 再安裝插件 ios-webkit-debug-proxy 比較方便,下面介紹一下我安裝成功,所使用的方法。
1、需要安裝 .NET Framework 4.5 及以上 與 powershell 5.1及以上 版本,建議先安裝.net框架 ,再安裝powershell。powershell 建議5.1及以上版本,最低也得3.0以上版本,曾經(jīng)安裝的版本低于5.1,在安裝git(至于為何會需要安裝git,是由于安裝插件時,scoop 提示需要安裝 git 才可安裝 chrome 所使用的插件 ios-webkit-debug-proxy)時會出現(xiàn)各種問題,后換了版本則無那些問題了。(因為是之前所出現(xiàn),并無圖留下)
2、打開 powershell , 按 win + R 輸入 powershell 或點擊開始菜單,在搜索框輸入 powershell ,選擇在輸入過程中提示出來的 powershell,
如 圖:

注:可通過輸入 $PSVersionTable 查看當前 powershell 版本 ,如圖:

然后確認已經(jīng)安裝完成 powershell 與 .net 框架,以及正常訪問 https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1,便可開始安裝 scoop 及 ios-webkit-debug-proxy。
在powershell 中輸入 iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
如果出現(xiàn)錯誤,可能需要更改執(zhí)行策略(即啟用Powershell),嘗試輸入 Set-ExecutionPolicy RemoteSigned -scope CurrentUser,,然后再繼續(xù)輸入 iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
在 powershell 內(nèi)輸入 scoop 可查看是否正常安裝 scoop ,正常應(yīng)如圖:

3、安裝完成 scoop 后,輸入
scoop bucket add extras
scoop install ios-webkit-debug-proxy
scoop bucket add extras
4、安裝成功后,可輸入 scoop list 查看通過 scoop 已安裝的插件,如圖:

5、此后,先在電腦上安裝 ,iTunes ,這個是為了在 window上連接 iphone 時可正確識別 iphone 設(shè)備,否則無法識別 。
6、安裝完 iTunes 后,連接 iphone,手機會彈出是否信任的彈窗,選擇信任即可 ,然后在 powershell 中輸入如下代碼
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
此圖是連接成功:

7、在chrome 地址欄中輸入并打開 localhost:9221 ,可以看到當前已連接的設(shè)備列表。如圖:

8、在手機的 Safari 中打開某個網(wǎng)頁,然后在 PC 的 chrome 瀏覽中,點擊上圖的 localhost:9222 處 ,點擊進去,看到新的頁面,按提示右鍵 “復(fù)制鏈接地址” ,在新標簽頁中地址欄中打開,就可以愉快的使用 chrome 的 devtool 來調(diào)試 webView 了,如圖:

9、打開鏈接后如圖:

至此,你已經(jīng)可以在 windows 環(huán)境下,通過 chrome 來調(diào)試 iphone 了,但不便的是,不能像 MacOs 下直接修改樣式,你需要在 Sources 下的對應(yīng)樣式文件修改樣式等,若修改了,手機上所打開的頁面,會直接改變其效果。
轉(zhuǎn)載自 : https://www.cnblogs.com/JaneBlog/p/10399819.html