javascript - 有什么方法可以检测用户是否启动了 Microsoft Edge 平板电脑或桌面浏览器？

Question

Microsoft Edge 浏览器为 Windows 10 平板电脑和台式机返回相同的用户代理。因此，请帮助我通过任何 JavaScript 功能或用户代理检测或任何其他方式区分 micosoft Edge 平板电脑和桌面浏览器。

注意:通常我们通过指针事件来区分平板电脑和桌面浏览器。平板电脑支持指针事件，而台式机不支持。在 Windows 10 中，甚至桌面也支持指针事件

Answer 1

与 Windows 8/8.1 不同，它只有一个 Microsoft Edge 浏览器，而不是“沉浸式”触摸友好型浏览器和常规桌面 win32 应用程序。因此，您无法检测到 UA 字符串的差异，因为没有差异。

但是，如果您的用例是为触摸设备(平板电脑和变形本、二合一设备等)提供触摸友好的布局，并为仅使用鼠标和键盘的用户提供更紧凑的布局，您可以在CSS 用于此。

为此，您可以使用 CSS 媒体查询交互媒体功能。

如果您想检测是否有触摸屏:

@media (pointer: coarse) { 
    ...styles for touch screen...
}

如果您想检测用户无法悬停(触摸屏上的常见问题):

@media (hover: none) {
   ... styles ...
}

但是，需要指出的是，这会报告主要指点设备。在敞篷车等可能有触控板/鼠标和触摸屏的机器中，它可能会报告触摸屏的值。

参见the spec了解详情。