Манифест веб-приложения на ориентацию страницы

Question

Возможно ли в веб-приложении манифеста прогрессивного веб-приложения установить различные ориентации в зависимости от того, какую страницу просматривает пользователь?

Вот что мой 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 - загрузите other_page.aspx внутри a на текущей странице (например, SPA) и используйте CSS, как в этом ответе, чтобы сориентироваться в ландшафте, сдвинув его на 90 градусов.

2) Создайте other_page.aspx как отдельное приложение с отдельным manifest.json с альбомной ориентацией. Вы можете сделать это, только если это имеет смысл разделить это как логически другой модуль.