## 调试: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