我正在开发一个 PWA(渐进式网络应用程序),我希望能够跟踪某人是否只是将其视为网站,或者是否安装了它并将其视为应用程序。
有什么办法可以做到这一点吗?我想不出任何方法,因为它们都使用相同的文件(都使用manifest.json并且manifest.json将两者定向到相同的index.html)。
Windows 10 允许从应用商店安装 PWA。那时,您也许能够收集一些分析数据。不幸的是,这将是一个有限的安装基础(与仅从浏览器安装相比)。
选项1 :
Manifest.json 起始 url 仅在添加到主屏幕后访问它时使用。您可以将起始网址设置为“https://example.com/myapp https://example.com/myapp?isPWA=true"
在主页中,具有读取查询参数和标志的逻辑,并基于此执行逻辑。在浏览器模式下,该标志不会出现,因此在这种情况下逻辑应视为 false。这是适用于所有平台的通用解决方案。
选项 2:
作为替代方案,您可以使用显示模式检测 https://developers.google.com/web/fundamentals/app-install-banners/ in JS.
非 Safari(新版本中可能会兼容 Safari)
CSS解决方案
@media all and (display-mode: standalone) {
body {
background-color: yellow;
}
}
JS解决方案
if (window.matchMedia('(display-mode: standalone)').matches) {
console.log('display-mode is standalone');
}
Safari JS 解决方案
if (window.navigator.standalone === true) {
console.log('display-mode is standalone');
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)