移动端开发手册

移动端设备适配

• 移动端适配方案

  • postcss px->vw
  • rem

• amfe-flexible

  • rem

移动端常用知识点

横竖屏

• 探讨判断横竖屏的最佳实现 ✳️

  • @media 媒体查询
  • window.matchMedia / matches
  • window.innerHeight >= window.innerWidth
  • window.orientation(旋转角度：0/90/-90/180)
  • screen.width / screen.height

布局方案

• 移动端常见布局

webapp开发

• H5唤起APP

  • URL Scheme
  • chrome >=25 安卓：intent
  • ios >=9 IOS: unilink
• [JSBridge]()

移动端兼容

• 移动端播放器

  • H5 video问题
  • 手写播放器

移动端测试

• 移动端真机调试指南

  • IOS: iPhone 开启 Web 检查器（设置 -> Safari -> 高级 -> 开启 Web 检查器）
  • Andriod: 手机进入开发者模式
  • chrome 远程调试webview
  • 代理工具调试: charles / Weinre

移动端疑难杂症

视频问题

移动端实践

• 微信开发手册

  • 音视频播放
  • 自定义分享
  • 生成小程序二维码
  • 微信内置浏览器清除缓存

• 自定义移动端播放器

  • 移动端H5播放器兼容
  • 全屏/非全屏幕自定义播放器
• swiper实现异形滚动