移動端調試(ios手機safari+chrome調試(windows))

Scoop Windows 的命令行安裝程序管理工具

# 官網

http://scoop.sh/

# github

https://github.com/lukesampson/scoop

1. 而安裝scoop需要電腦里有powershell

a. set-executionpolicy remotesigned -s cu

b. iex (new-object net.webclient).downloadstring('https://get.scoop.sh') #安裝scoop

2. 通過scoop安裝ios_webkit_debug_proxy，進入此目錄

scoop install git

scoop bucket add extras

scoop install ios-webkit-debug-proxy

3. 確認手機已連接pc，連接手機，輸入：ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

注：// -f 參數直接指定使用chrome的devtools作前端。

輸入以下網址就可以調試了:

chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1

4. 查看 ：http://localhost:9221/

5. 查看：chrome://inspect/ 添加： Port forwarding settings http://localhost:9222/

注意：

1.注意事項

點擊inspect可能看到的是空白，是因為在使用時需要翻墻下載一個插件，所以需要pc能夠翻墻（第一次）。

另外也可能是緩存的原因，需要清理。（chrome://appcache-internals/#、手機safari的緩存）

2.用手機訪問電腦端的網站

如果發現用localhost可以訪問，用ip地址無法訪問，做如下設置。

config下的index.js中改變host為0.0.0.0

安裝完成后，每次調試手機網頁時，powershell中需要打開3步，4步和5步。

問題描述：chrome其他版本，也一樣只需要雙擊右上角的斷點箭頭，就能debugger調試，不過控制臺卻死活按不下去

斷點問題：sources --->雙擊右上角箭頭按鈕--->不要橫線

console 控制臺失效

chrome下調試ios Safari控制臺失效？

chrome 必須是45.0.2454.85的版本，否則無法執行js，控制臺不能調試js 非常重要

下載地址:

32位

https://dl.google.com/chrome/win/44279B03EFF4252A/45.0.2454.85_chrome_installer.exe

64位

https://dl.google.com/chrome/win/747508CB2FEC3FAD/45.0.2454.85_chrome64_installer.exe