检测哪个应用程序(Web,移动或触摸浏览器)正在加载网页?

时间:2018-02-22 00:44:30

标签: javascript web mobile web-applications

如果查看图像,3个应用程序,Web,移动和触摸浏览器之间会有共享的网页。我需要根据应用程序唯一地报告网页。因此,如果加载了网页A,则需要为每种类型的应用程序加载不同的JS库。目前,JS引导程序加载程序文件处理加载正确的JS库的逻辑,但这是一对一的关系。我现在需要一种方法来确定哪个应用程序正在加载网页并加载适当的库(DTM库但不相关)。解决方案必须驻留在JS引导程序加载器文件逻辑中。我正在研究使用navigator对象来嗅出哪种类型的应用程序正在请求网页,但不确定它有多可行?也许功能检测是另一种方式,但不确定如何/如果这将适用于应用程序?有什么想法吗?

Example of Web Page Usage

1 个答案:

答案 0 :(得分:0)

您可能需要查看一下这篇文章:http://www.stucox.com/blog/you-cant-detect-a-touchscreen/

据我所知,没有好的/可靠的方法专门检测触控设备,即使你可以,你会如何区分手机和HP Spectre笔记本电脑?

嗅探UserAgent可以获得您想要的一些结果,但它被认为是次优解决方案。

Cloudflare让您能够为移动设备提供不同的子域服务,但我不确定他们使用的是什么标准。

屏幕宽度是检测您的内容是否适合的可靠方式。

您可以通过检测屏幕宽度并重定向来在javascript中执行此操作,但加载页面仅重定向它们的效率非常低,因此您可能需要查看服务器端检测:https://webplatform.github.io/docs/concepts/Detecting_device_and_browser/ < / p>

希望有所帮助。