## 調試:css
真機調試:webpack
- live-server進行調試ios
具體可見npmweb
- webpack-dev-server局域網真機調試(推薦)npm
在鏈接同一個局域網的狀況下,能夠訪問http://10.20.0.77:3000端口訪問個人網頁瀏覽器
- usb開發者選項進行調試(步驟繁瑣,在此就不詳細敘述)(安卓) webpack-dev-server
模擬器調試:工具
- 谷歌模擬器調試:可在開發者工具下找到不少機型的調試方式,可是與真機略有差別源碼分析
- 各大ios、安卓模擬器軟件調試
## 關於移動端的響應式問題
- hotcss(手淘解決方案)
模擬vw(vw部分瀏覽器不兼容),結合viewport
一些坑點:某些機型上橫豎屏切換上,因爲計算rem值的關係,會發生頁面錯 位,hotcss內部有屢次js調用(如延遲調用setTimerout等等),來解決錯位問題,可 結合hotcss源碼分析
- viewport+vw+rem方案
既然hotcss是模擬的vw,那麼,就能夠用vw替代hotcss中的根font-size的計 算,可是這樣一來,會有兼容性問題(vw),在從此瀏覽器的發展中,vw會頗有可能 取代hotcss