首页 > 解决方案 > 如何在不使用视口大小或用户代理的情况下知道 Web 应用程序是在桌面还是移动设备上运行?

问题描述

我正在构建一个 pwa,基本上我需要做的是仅当 Web 应用程序在移动设备上打开时才在本地存储中保存一个值,并防止在使用 chrome 开发工具模拟移动设备的大小时保存该值在桌面版本中。

我已经搜索过,但我发现了使用媒体查询或用户代理的两个解决方案。对于媒体查询,仅通过调整视口大小来保存值,因此不是解决方案,而对于用户代理,在浏览器检查器中切换设备工具栏时会保存值,因此它也不是解决方案。

感谢您的时间!!

标签: javascriptlocal-storageprogressive-web-apps

解决方案


推荐阅读