本文最后更新于 721 天前,其中的信息可能已经有所发展或是发生改变。
话不多说,直接在<head> meta里加入以下内容即可:
<link href="/images/ios_splash/750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/images/ios_splash/1242x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
<link href="/images/ios_splash/1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
<link href="/images/ios_splash/828x1792.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/images/ios_splash/1242x2688.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">
注意需要准备这几种尺寸的png图片以适配所有iPhone设备,像素要一模一样,否则会显示白屏。
iOS16.4开始支持Web Push啦!终于可以推送网络通知到iOS设备了。