0

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

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

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

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

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

4

1 回答 1

0

是一个炉排工具。非常简单,我像这样使用 de jQuery vesion:

if( jQuery.browser.mobile ){ //code }
于 2013-07-25T18:09:02.843 回答