ios-ios-将网页添加到主屏幕

ios-ios-将网页添加到主屏幕

---

前篇

• 苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用pwa - https://blog.csdn.net/weixin_44786530/article/details/129728215

---

配置 APP 名 和 icon

1. APP 名就是网页的 title

2. icon 的话需要在网页 index.html 的 head 中增加配置, icon 的分辨率是 180 x 180

   <link rel="apple-touch-icon" href="images/ios.png">

---

步骤

1. 打开 Safari 并打开游戏网页

2. 如图所示添加到主屏幕

   

3. 点击主屏幕生成的 icon 进入游戏, 将屏幕旋转至横屏就可以正常游戏

   

---