移動端調試(chrome下調試ios Safari console控制臺失效(windows))
廣告:
移動端調試(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
廣告: