移动检测或屏幕尺寸

时间:2013-09-20 07:33:56

标签: iphone jquery-mobile device browser-detection

我想开始在我的一些网站上使用jQuery mobile,之前我一直在使用媒体查询来检测屏幕大小并根据屏幕大小提供css但是我的一些客户会使用移动版本更好站点,意味着重定向到mobile.website.com,而不是使用CSS,这将允许我在某些情况下使用jQuery mboile更好地开发。 我的问题是什么是最好的方法,你必须检测useragent或只是屏幕大小。 如果是这样,最好的方法是什么,我已经阅读了很多方法,但似乎没有任何标准。在过去,我使用脚本检测移动设备,桌面Mac上的Safari浏览器也选择了它,我对此的了解并不是很好,所以我会非常适合任何值得阅读的艺术品或知识。

我注意到Android浏览器往往会拿起768及以下的地方iphone拿起480及以下,有时我发现我有4种不同的样式表,如果我能检测到移动设备是否重定向到网址。适用于所有移动设备类型解决方案的一个版本

坚持使用响应式设计和CSS是否更好? 提前感谢任何意见

2 个答案:

答案 0 :(得分:0)

如果您正在开发仅支持移动设备的网站,请更好地使用jQuery Mobile。如果您希望该网站在移动设备和台式机上都能正常工作,那么这不是一个好的选择。

jQuery Mobile使用更多流畅的布局,确保您的网站在不同的屏幕尺寸上呈现良好。当您需要根据屏幕尺寸隐藏/显示信息时,重叠设计非常有用。

由于要求更多地侧重于检测屏幕尺寸而不是检测浏览器,因此最好采用响应式设计并使用媒体查询来支持移动设备和平板电脑。

答案 1 :(得分:0)

您使用的是ASP.NET MVC吗?在这种情况下,你要为移动视图而不是网页视图所做的就是复制你的常规视图并将.Mobile附加到它们所以让我们说你的常规页面是index.cshtml - 制作一个移动版本你所拥有的一切要做的是复制它,名称是index.mobile.cshtml,MVC为你处理它..

教程 - http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

现在,如果你不使用MVC但只是在做一个基本的html / javascript网站,那么你基本上需要依赖css媒体标签并根据它创建不同的标记。

Twitter引导程序是另一种替代方法,因为它们在CSS中具有几乎开箱即用的响应式设计

http://getbootstrap.com/getting-started/