移動端真機除錯方法介紹

2021-08-20 00:03:31 字數 837 閱讀 9307

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...