我已经开发了一个网站,并希望使用它作为PWA(渐进式Web应用程序)以及。
但我想在PWA中隐藏特定元素。我尝试了CSS方法:
@media all and (display-mode: standalone) {
.noShowApp {
display: none;
}
}
JS方法:
function isRunningStandalone() {
return (window.matchMedia('(display-mode: standalone)').matches);
}
if (isRunningStandalone()) {
alert('hi');
hide(document.getElementById('features'));
}
我在应用程序中得到了我的“警报”,但是我想隐藏的部分没有隐藏。
这是我想隐藏的部分:
<section class="py-5 border-bottom noShowApp" id="features">
有人能告诉我如何让这些方法(CSS或JS)工作吗?我更喜欢CSS方法,但如果这是不可能的,JS也可以。
1条答案
按热度按时间ia2d9nvy1#
直接回复你的标题问题(因为你把标题和问题的内容搞混了)
如何在通过PWA访问站点时禁用DIV?
来自MDN,将显示模式视为
standalone
应用程序的外观和感觉都像一个独立的应用程序。这可以包括具有不同窗口的应用、其在应用启动器中的自己的图标等。在这种模式下,用户代理将排除用于控制导航的UI元素,但可以包括其他UI元素,如状态栏。
在
manifest.json
中,您必须具有