移動(dòng)端調(diào)試(chrome下調(diào)試ios Safari console控制臺(tái)失效(windows))
廣告:
移動(dòng)端調(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.注意事項(xiàng)
點(diǎn)擊inspect可能看到的是空白,是因?yàn)樵谑褂脮r(shí)需要翻墻下載一個(gè)插件,所以需要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)頁時(shí),powershell中需要打開3步,4步和5步。
問題描述:chrome其他版本,也一樣只需要雙擊右上角的斷點(diǎn)箭頭,就能debugger調(diào)試,不過控制臺(tái)卻死活按不下去
斷點(diǎn)問題:sources --->雙擊右上角箭頭按鈕--->不要橫線
console 控制臺(tái)失效
chrome下調(diào)試ios Safari控制臺(tái)失效?
chrome 必須是45.0.2454.85的版本,否則無法執(zhí)行js,控制臺(tái)不能調(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
廣告: