UI 控件可实现最佳移动和桌面体验

Question

我一直在寻找一种简单的方法来优化具有动态内容的响应式网站，适用于移动和桌面用户。

我有相当多的样式和 js 功能，这些功能只在桌面环境中有意义，而不是在移动环境中，反之亦然。另一方面，我的布局仅低于平均平板电脑尺寸，因此很难指出在哪里进行切换。

我想避免用所有东西轰炸移动/桌面用户，而是切换需要加载的样式表和脚本。由于网站保持不变并使用 ajax 加载基本内容，因此我希望将所有其他加载时间保持在最低限度。

我最初的想法是写一个modernizr函数来根据触摸功能的检测加载不同的css和js文件。但那是在我发现许多非移动浏览器现在将自己视为启用触摸之前：/

我想知道你们中的一些人现在是如何解决这个问题的，而不必坚持设备宽度的媒体查询，选择两者之一，或者不必担心某些浏览器版本或设备不会被覆盖。

Answer 1

Here 是一个用于此的格栅工具。非常简单，我使用 de jQuery vesion 是这样的：

if( jQuery.browser.mobile ){ //code }