Question

在渐进式Web应用程序的Web应用程序清单中，是否可以基于用户正在查看的页面设置不同的方向？

这是我的manifest.json的样子：

{
    "dir": "ltr",
    "lang": "en-US",
    "name": "My Application",
    "scope": "/",
    "display": "standalone",
    "start_url": "start_page.aspx",
    "short_name": "My App",
    "theme_color": "transparent",
    "description": "My App Description",
    "orientation": "portrait",
    "background_color": "#00A3CC",
    "related_applications": [],
    "prefer_related_applications": false,
    "icons": [
    {
        "src": "Images/Icon.png",
        "type": "image/png",
        "sizes": "192x192"
    },
    {
        "src": "Images/Icon.png",
        "type": "image/png",
        "sizes": "512x512"
    }
    ]
}

上面的清单使https://example.com/start_page.aspx和其他所有页面在安装应用程序时以纵向显示。是否可以强制https://example.com/other_page.aspx以横向显示，同时将网站的其余部分保持纵向显示？

Answer 1

manifest.json-方向是整个应用程序的静态选项。您不能具有每页/每个模块的值。

您有两种选择来解决问题。

1）使用CSS定向-在当前页面（如SPA）中将other_page.aspx加载到a中，然后使用CSS as in this answer通过移动90度来定向横向。

2）将您的other_page.aspx设置为带有横向的单独manifest.json的单独应用。仅在将其作为逻辑上不同的模块分开时，才可以执行此操作。

Web App清单每页方向

1 个答案: