CSS或Javascript中是否有任何方法可以判断用户是否正在将iPad上的HTML页面作为web应用程序查看？

很简单的问题，我有一个专门在iPad上使用的网页。我已经对它进行了设置，这样你就可以将它保存到主屏幕并将其用作web应用程序

我想知道的是，是否有一种方法可以通过Javascript或CSS来判断页面是否在浏览器中被浏览，并且所有的导航内容都在顶部，或者页面是否被启动并作为web应用程序被浏览

---

我尝试使用媒体查询为web应用程序和导航浏览器设置不同的样式，但我想不出一个查询能起作用。

只是暗中摸索，但是，也许您可以查看当前显示文件的位置/url-您应该能够区分桌面上的文件与Web服务器上提供的文件的区别。

啊哈，在Safari文档中找到了它：window.navigator.standalone

很遗憾，您需要使用JS来实现这一点，但我想这就是它的方式。您确实可以通过一些复杂的媒体查询（例如，您可以使用条件）有选择地定位浏览器，但您可能已经尝试过了。最后，如果你打算使用JS（单机版是我最近才发现的）您可能还想考虑使用一个简单的JavaSr-一个JS位，它将根据浏览器的功能将类添加到HTML标签中，这在理论上是一种比JS查询客户端名称/属性更好的针对浏览器的某些样式/行为的方法，因为从理论上讲，它可以被欺骗。例如，Modernizr将根据css3边界半径是否可行添加一个类。

可能我在媒体查询中的错误是使用设备宽度而不是宽度来获取视口大小。