今天大家都明白手机上网儿可是日常必备。照这么说，做手机网APP得考虑点儿啥？那可多了！比如说点击啦、页面速度啦、元素大小啦、横竖屏显示问题啦、浏览器兼容问题啦、Retina屏幕显示清晰不清啦、输入法状态如何切换啦、还有后退按钮怎么设计等等。咱们这篇文章就是帮你解决这些小问题，让你把手机网站或APP做得漂漂亮亮。
避免监听click事件
玩手机编程时，别再用那慢吞吞的300ms click事件，试试快速又灵活的 tap 或者 touch events！选择符合手机玩家习惯的事件，操作起来更自在哟。
想在网慢的手机里刷网页迅速？那就要学会简化和缩小网页。比如说，压缩CSS、JavaScript文件变成小包，集中所有请求一次加载，这样网页就能快速打开，上网就轻松多！还可以用浏览器当作临时硬盘，收藏常访问的网页，下次刷的时候直接展示出来，快如闪电！
首先，手机网页上的按钮，尺寸跟距离得适中，毕竟大家都习惯手指点点。大小别搞太小，容易按错或使不上劲。
横屏和竖屏下的表现
为了让网页看着顺眼，咱们得注意调整图片大小。利用媒体查询这个工具，在 CSS 里设置好各个角度的视觉效果，这样不论你怎么看，网页都美观大方。还有就是别忘了兼顾到响应式设计，任何设备上浏览都会觉得赏心悦目！
浏览器兼容性处理
聊到手机网站开发，浏览器们总会闹些小矛盾，比如说那个position:fixed功能，有些浏览器就能把它弄得稀烂。要想让我们的网页在每个浏览器上都完美呈现，得花心思细心测试与调整，还得针对特殊问题时刻准备应对策略。
Retina屏显示优化
想让高清iPhone看图更清晰？试试放大2倍或用矢量图标，保证图像又清又正！
输入状态处理与键盘遮挡
手机打字难搞，键盘老是挡住输入框和图文消息，好烦躁。咋整嘞？首先得设置键盘弹出音，接着咱就可以调整网页布局或上下滑动屏幕，把键盘挪开你要打的位置。当然了，还要记得好好弄排版，人家才知道你到底在干嘛！
浏览器后退行为处理
用手机浏览器后退时，有时候会发现每个浏览器都有自己独特的操作方式！要搞定这事儿，可以利用History API这些小技巧来控制网页的跳转或返回，让你的上网体验更加畅快淋漓~
Safari隐私模式下存储替代方案
某些浏览器，如Safari，若开启隐秘模式，那cookie和本地存储就不能用。别急，还有其它办法！像IndexedDB或Web SQL等新技术也可以办到的~
说到底，搞手机网页开发就得明白这点。看情况，按需求，顾及用户感受，调整策略和方式。别忘了研究下新技术像是媒体查询之类的，挑个趁手顺手的框架和工具。多动手实践，技艺才能提升。
评论0