關於移動端的web問題

##  調試: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

相關文章
相關標籤/搜索