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/...

截圖