移動端調(diào)試(ios手機(jī)safari+chrome調(diào)試(windows))

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

# 官網(wǎng)

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，進(jìn)入此目錄

scoop install git

scoop bucket add extras

scoop install ios-webkit-debug-proxy

3. 確認(rèn)手機(jī)已連接pc，連接手機(jī)，輸入：ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

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

輸入以下網(wǎng)址就可以調(diào)試了:

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.注意事項

點(diǎn)擊inspect可能看到的是空白，是因?yàn)樵谑褂脮r需要翻墻下載一個插件，所以需要pc能夠翻墻（第一次）。

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

2.用手機(jī)訪問電腦端的網(wǎng)站

如果發(fā)現(xiàn)用localhost可以訪問，用ip地址無法訪問，做如下設(shè)置。

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

安裝完成后，每次調(diào)試手機(jī)網(wǎng)頁時，powershell中需要打開3步，4步和5步。

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

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

console 控制臺失效

chrome下調(diào)試ios Safari控制臺失效？

chrome 必須是45.0.2454.85的版本，否則無法執(zhí)行js，控制臺不能調(diào)試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