用户界面控制以获得最佳移动和桌面体验

Question

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

我有相当多的造型& js的功能只有在桌面环境，而不是移动的，反之亦然。另一方面，我的布局只会低于平均的平板电脑尺寸，这使得很难指出切换的位置。

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

我最初的想法是编写一个modernizr函数，根据触摸特征的检测，加载到不同的css和js文件中。但是，那是在我发现许多非移动浏览器现在看到他们自己作为触摸启用之前：/

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

Answer 1

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

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