根据设备渲染React视图

Question

我需要在react {not native react}中基于设备呈现视图，因为这样可以提高性能。

设计要求是我无法为[桌面设备，平板电脑和移动设备]等所有设备使用相同的标记，我需要将桌面视图和平板电脑/移动设备视图分开。

说过我想提高性能，我不想为两个视图渲染所有标记。我只需要渲染该特定设备所需的特定HTML标记。

除了媒体查询，我们还有办法根据设备渲染标记。

请注意我需要这样才能做出反应原生反应

Answer 1

简短回答：不可能。

您只能访问有限的信息，可能需要查看：How to detect my browser version and operating system using JavaScript?

所有其他框架（react-native，cordova）直接从操作系统获取此信息，浏览器不允许您这样做。