電腦Chrome連接手機 Safari 調(diào)試(蘋果IOS)(轉(zhuǎn)載)

必備:

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ò)翻.墻)

打開部分圖如下:

image

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,

如 圖:
image

至此可打開 powershell ,如圖:
image

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

image

然后確認已經(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)如圖:

image

3、安裝完成 scoop 后,輸入

scoop bucket add extras
scoop install ios-webkit-debug-proxy
scoop bucket add extras

4、安裝成功后,可輸入 scoop list 查看通過 scoop 已安裝的插件,如圖:

image

5、此后,先在電腦上安裝 ,iTunes ,這個是為了在 window上連接 iphone 時可正確識別 iphone 設(shè)備,否則無法識別 。

6、安裝完 iTunes 后,連接 iphone,手機會彈出是否信任的彈窗,選擇信任即可 ,然后在 powershell 中輸入如下代碼

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

此圖是連接成功:

image

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

image

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

image

9、打開鏈接后如圖:

image

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

轉(zhuǎn)載自 : https://www.cnblogs.com/JaneBlog/p/10399819.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容