关于移动端的web问题

229 阅读1分钟

##  调试:

真机调试:

        - live-server进行调试

                  具体可见npm

        - webpack-dev-server局域网真机调试(推荐)

                 

                 在连接同一个局域网的情况下,可以访问http://10.20.0.77:3000端口访问我的网页

          - usb开发者选项进行调试(步骤繁琐,在此就不详细叙述)(安卓) 

模拟器调试:

          - 谷歌模拟器调试:可在开发者工具下找到很多机型的调试方式,但是与真机略有差异

          - 各大ios、安卓模拟器软件


## 关于移动端的响应式问题

           - hotcss(手淘解决方案)

                     模拟vw(vw部分浏览器不兼容),结合viewport

                     一些坑点:某些机型上横竖屏切换上,由于计算rem值的关系,会发生页面错                   位,hotcss内部有多次js调用(如延迟调用setTimerout等等),来解决错位问题,可               结合hotcss源码分析

            - viewport+vw+rem方案

                       既然hotcss是模拟的vw,那么,就可以用vw替代hotcss中的根font-size的计                算,但是这样一来,会有兼容性问题(vw),在今后浏览器的发展中,vw会很有可能              取代hotcss