Jquery 用户界面控制，提供最佳的移动和桌面体验

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

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

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

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

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

是一个用于此目的的工具。非常简单，我使用de jQuery vesion如下：

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

最好的方法是使用

设备宽度

媒体查询。它们是最可靠的，即使在JavaScript中，这也是最好的方法。