乐趣区

关于前端:Web-模拟iPhone-网页上也能用iPhone拍照-地图Safari

最开始我只想用 css 做一个简略的 iPhone 款式,起初想法一直涌出,我的项目还应用了非工程化 Vue.js、Webcam.js、Mapbox API

如果应用工程化 Vue 开发挪动端成果会比当初好。

Safari 做的不是很好,之前想法是真正模仿浏览器 用 iframe 然而个别网站都禁止非同源的调用。
而且在这个模仿的手机中显示其余的网页有点小,排版也不太好,最初罗唆就新标签关上了。
模仿 iPhone 实现了拍照、手电筒、Safari、地图、上滑底部横条等性能

Features

目前性能

  • 实时工夫日期
  • 手电筒性能
  • 拍照性能
  • 拍照图库预览图性能
  • iPhone 底部横条上拖返回性能
  • 桌面
  • Safari
  • 地图

Todolist

  • 更换手机外壳色彩
  • 更换壁纸
  • 相机滤镜等性能实现
  • 图库
  • 音乐

Demo

Codepen

Github
https://github.com/kayw-geek/…

截图

退出移动版