可以搭配这篇教程使用: IOS:让你的网站以应用形式运行
实现效果:
↑, 访问网站时主动提示将该网站作为应用安装
教程:
在网站根目录创建 manifest.json 文件
内容参考:
{
"background_color": "#ffffff(背景色)",
"description": "(网站描述)",
"display": "standalone(显示类型)",
"icons": [
{
"sizes": "192x192(图标大小)",
"src": "icon-192x192.png(填写图标地址)",
"type": "image/png(图标文件类型)"
}
],
"name": "(网站名字)",
"short_name": "(简短名字)",
"start_url": "/(网站主页)",
"theme_color": "#000000(主题色)"
}! 更多参数介绍请参考MDN的这篇文档: Web App Manifest
编写时注意JSON格式正确: 可以到此网站效验修复
在网页<head>标签内添加以下代码: 1
<link rel="manifest" href="/manifest.json">刷新网页应会出现以上提示, 若无请清除缓存
本文参考了以下文档: https://www.lanol.cn/post/684.html
- 本站添加在主题文件内 ↩︎
分享一下踩过的坑,
当时在icons图标上折腾了很久
没有图标, 不行, 图标格式有问题也不行
以及,好像不能用.ico文件作为图标