怎样推断web运用是不是从桌面图标启动

这就要说到web运用添加到桌面后的显现形式了，一共有这么多种，经由过程mainfest来掌握。只需晓得启动形式是什么，就可以推断出是不是从桌面启动。

fullscreen: 全屏显现, 一切可用的显现地区都被运用, 而且不显现状态栏chrome
standalone: 让这个运用看起来像一个自力的运用程序，包含具有差别的窗口，在运用程序启动器中具有本身的图标等。这个形式中，用户代办将移除用于掌握导航的UI元素，然则可以包含其他UI元素，比方状态栏。
minimal-ui: 该运用程序将看起来像一个自力的运用程序，但会有浏览器地址栏。 款式因浏览器而异。
browser: 这是默许的设置。该运用程序在传统的浏览器标签或新窗口中翻开，详细完成取决于浏览器和平台。

IOS桌面图标启动

经由过程桌面图标启动后，navigator.standalone会即是true，只需推断这个变量就够了。

安卓桌面图标启动

经由过程桌面图标启动后，CSS的媒体查询是可以探测到的，换而用js写，下面的效果为True。

window.matchMedia('(display-mode: standalone)').matches

总结

这里有我完成好的要领，也有npm包，引入后可直接用。异常小，异常简朴
https://github.com/GeoffZhu/i…