有没有一种可靠的方法来检测用户是否在jQuery中使用移动设备?类似于CSS @media属性的东西?如果浏览器在手持设备上,我想运行不同的脚本.
jQuery $.browser函数不是我想要的.
我刚刚开始使用Twitter Bootstrap API来完成我即将推出的项目.主导航包含3个主要元素:
我在移动设备上查看网站时使用折叠插件折叠网站导航和搜索表单.移动视图有2个按钮,单击此按钮可打开/关闭搜索表单或主导航.
但是,如果我关闭搜索表单然后将浏览器调整为桌面视图,搜索表单仍然隐藏在此视图中?
我已经阅读过有关使用诸如visible-mobile等类的内容,但这些类似乎与崩溃插件冲突.我也意识到我可能会编写自己的CSS黑客来解决这个问题,但我想我会问是否有更简单的解决方案.
Bootstrap有显示,显示,隐藏和隐藏的事件,所以我想也许我可以写一些自定义JS,它会在每个特定的设备视图中显示或隐藏这些项目.但是我不知道如何检测我当时正在使用的设备.
思考?
提前致谢
在用于检测移动用户代理的正则表达式模式的管中有无数的例子,甚至在这里的答案中有很多.您是否知道可能是最广泛使用和支持的(更新,可能是Git存储库)?It's dangerous to go alone! Take this.最终会有一个版本的东西(例如Eric Meyer等人的浏览器重置CSS),所以也许就是这样.