Yas*_*har 7 progressive-web-apps manifest.json
这是我的manifest.json
{
"name": "XXXXX",
"short_name": "XXXXX",
"start_url": "/",
"gcm_sender_id": "XXX",
"background_color": "#dfdfdf",
"display": "standalone",
"orientation": "landscape",
"icons": [
{
"src": "\/icons\/android-chrome-128x128.png",
"sizes": "128x128",
"type": "image\/png"
},
{
"src": "\/icons\/android-chrome-144x144.png",
"sizes": "144x144",
"type": "image\/png"
},
{
"src": "\/icons\/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image\/png"
},
{
"src": "\/icons\/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image\/png"
}
]
}Run Code Online (Sandbox Code Playgroud)
此Web应用程序应始终处于横向模式,但它将以纵向模式打开.
这里有一个问题存在同样的问题,但没有一个答案能解决我的问题
我刚刚尝试"orientation": "landscape"了一个示例应用程序,它似乎工作正常。您可以在此处查看示例代码
根据您的描述,当时失败的原因有两种可能。首先,可能是 Chrome 中的一个错误阻止了这种情况的发生。其次,icons清单属性中的正斜杠的转义可能会导致解析清单时出现问题。
例如,您的图标属性应该是:
"orientation": "landscape",
"icons": [
{
"src": "/icons/android-chrome-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "/icons/android-chrome-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
]
Run Code Online (Sandbox Code Playgroud)