weinre除錯
spy-debugger除錯
先說一下每一種方式的優缺點。
第一種,chrome真機除錯,有乙個很大的侷限性就是,只能除錯手機端的chrome瀏覽器,對於uc,qq這些瀏覽器均不適用,因此在除錯相容問題時,幫助不大,但是最大的優點是: 簡單快捷。
第二種,weinre除錯方式,安裝和適用不複雜,適用於全平台的除錯,即任何手機的任何瀏覽器皆可以除錯,不過需要手機和電腦在同乙個網段下。
第三種,spy-debugger,安裝時,稍微複雜一點,spy-debugger整合了weinre,不過還增加了抓包工具。使用最為方便。
–httpport: 設定wninre使用的埠號,預設是8080
–boundhost: [hostname | ip | -all-]: 預設是 『localhost』.
–debug [true | false] : 這個選項與–verbose類似, 會輸出更多的資訊。預設為false。
–readtimeout [seconds] : server傳送資訊到target/client的超時時間, 預設為5s。
–deathtimeout [seconds] : 預設為3倍的readtimeout, 如果頁面超過這個時間都沒有任何響應, 那麼就會斷開連線。
1.安裝: 全域性安裝 npm install –g spy-debugger
區域性安裝 npm install spy-debugger
Mac iPhone 移動端真機除錯
之前除錯移動端頁面各種不方便,現在有了 mac iphone 簡直是如有神助了,相見恨晚!在此記錄一二備忘。首先在 iphone 上設定 settings safari advanced web inspector 選擇開啟然後在 mac 上設定 開啟 safari,此時選單欄上應該有個 devel...
移動端開發真機除錯 神器
本篇部落格預設你已會使用gulp,npm 並且環境已經搭好 找到目錄中的 package.json,在檔案中新增相關依賴包 1 dependencies 1 var browsersync require browser sync create 自動同步 1 gulp.task browser sy...
移動端真機除錯神器 spy debugger
language english 1 頁面除錯 抓包 2 操作簡單,無需usb連線裝置 3 支援https。4 spy debugger內部整合了weinre node mitmproxy anyproxy 頁面編輯模式 啟動命令 spy debugger w true weiner頁面除錯介面 a...