在javascript’如果手机’

我正在考虑使用jQuery.browser做一些事情，但这只会返回你所在的浏览器以及它是否是webkit等。

所以我基本上想要在移动设备上关闭某些js文件甚至加载？

我想你可以做到但是怎么做？

Answer 1

我认为这个答案更好，因为它不依赖于屏幕宽度：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { // some code.. } 

我知道现在你已经拥有了品牌浏览器依赖关系，但是检查屏幕尺寸会更加可维护。

Answer 2

您可以使用屏幕尺寸，这样您就可以为小屏幕加载小UI：

 if ($(window).width() < 480 || $(window).height() < 480) { //small screen, load other JS files $.getScript('/js/script.js', function () { //the script has been added to the DOM, you can now use it's code }); } 

$.getScript()文档： http ： $.getScript()

Answer 3

我知道这是一个非常晚的答案，你很可能解决了你的问题。 但无论如何，这是我用于所有项目的内容：

 window.isMobile = /iphone|ipod|ipad|android|blackberry|opera mini|opera mobi|skyfire|maemo|windows phone|palm|iemobile|symbian|symbianos|fennec/i.test(navigator.userAgent.toLowerCase()); 

Answer 4

移动设备与传统浏览器的问题在于……嗯，有什么区别？

有些台式机的连接速度比手机慢。 台式机的手机分辨率更高。 当然，反过来也是如此。

理想情况下，您应该考虑以这样的方式使您的网站在两者上都运行良好。 虽然在实践中，这通常很难，但我想现在你会发现你的努力值得。 您的用户也会爱你。

如果你仍然觉得有必要尝试这个…特别是在JavaScript中……请看这篇文章： 移动检测

Answer 5

 $(window).resize(function(){ /*Bind an event handler to the "resize"*/ if ($(window).width() < 480 || $(window).height() < 480) { //what you have to do here } })