关于前端: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/…

截图