Question

用jquery写一份网页，再用jquery mobile写一份手机版的，请问怎么样才能确保手机浏览的是mobile版本的

而pc浏览的是jquery版的？

Answer 1

判断useragent
Windows版IE浏览器系列：
特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本；
判断方法：粗略判断可以只检索 "msie x.0;" 字符串即可，严格判断可检索 "mozilla/x.0 (compatibal; msie x.0; windows nt"，不过一般没有这个必要 )。

Windows版Firefox：
特征表现：以"mozilla/x.0"开头，包含"windows nt","gecko/"和"firefox/" ；
判断方法：粗略判断可以只检索 "firefox/"和"windows nt" 字符串，严格判断可以检索"mozilla/" ,"windows nt","gecko/"和"firefox/" 四个字符串。

Windows版Chrome：
特征表现： 以"mozilla/x.0"开头，包含"windows nt","chrome/"，同包含"applewebkit/","safari/"
判断方法：粗略判断可以只检索 "windows nt"和"chrome/"字符串，严格判断可以同时检索 "mozilla/" ,"windows nt","applewebkit/","safari/","chrome/" 五个字符串；

Windows版Opera：
特征表现：以"opera/"开头，含有"windows nt","presto/" 字符串；
判断方法：粗略判断只检索 "windows nt"和"opera/"字符串，严格判断同时检索 "opera/","windows nt" 和 "presto/"；

Windows版Safari：
特征表现：以"mozilla/"开头，同时含有"windows nt","applewebkit/","safari/"；
判断方法：粗略判断可以检索含有 "windows nt","safari/" 同时不包含 "chrome/"，严格判断需要同时含有"mozilla/","windows nt","applewebkit/","safari/"但是不包含"chrome/"；

小结：Windows操作系统上的浏览器userAgent均包含"windows nt"字符串来表征windows操作系统。

iPhone自带safari：
特征表现：以"mozilla/"开头，含有"iphone"字符串，同时含有 "mobile/","safari/"字符串；
判断方法：粗略判断只检索 "iphone"和"safari/"字符串，严格判断则要同时包含 "mozilla/","iphone","mobile/","safari/"四个字符串

iPhone版Opera Mobile：
特征表现： 以"opera/"开头，含有"iphone"字符串，同时含有 "opera mini/","presto/"字符串；
判断方法：粗略判断只检索 "iphone"和"opera/"字符串，严格判断则要同时包含 "opera/","iphone","opera mini/","presto/"四个字符串

小结：iPhone手机上的浏览器userAgent均包含"iphone"字符串

Android自带浏览器（有人说其实是就chrome，但google自己未做表示，且还在开发一个Android上运行的Chrome to Phone）：
特征表现： 以"mozilla/"开头，含有"android"和"linux" 字符串，同时含有 "applewebkit/","mobile safari/"字符串；
判断方法：因为还不知道Android上未来会不会有独立的safari（估计不会了），所以建议直接严格判断，检索 "mozilla/","android","linux","applewebkit/","mobile safari/"五个字符串

Android版Opera Mobile：
特征表现： 以"opera/"开头，含有"android"和"linux" 字符串，同时含有 "opera mobi/","presto/"字符串；
判断方法：粗略判断只检索 "android"和"opera/"，严格判断则要同时包含"opera/","android","linux","opera mobi/","presto/"五个字符串

Android版Firefox：
特征表现：以"mozilla/"开头，含有"android"和"linux" 字符串，同时含有 "firefox/","gecko/","fennec/"字符串；
判断方法：粗略判断只检索 "android"和"firefox/"，严格判断则要同时包含"mozilla/","android","linux","firefox/","gecko/","fennec/"六个字符串

小结：Android平台上的浏览器userAgent均包含"android"和"linux"字符串

追问

那应该在那个页面判断？jqueyr页面还是jquery mobile这个页面？

追答

在你的主页，通过判断，跳转到相应页面

追问

也就是说在用jquery写的对应pc客户端的页面用js判断，如果此时客户端是mobile则跳转到jquery mobile页面？更改地址的方法就是通过window.location="";来变化？

追答

是输入你的网页地址所访问的页面，你也可以新建一个页面来专门用于判断跳转。跳转的话，如果你是asp的话，可以在asp中 response.redirect "页面地址"

Answer 2

这个其实你可以到bootstrap,那里看看less这个方法。

追问

less似乎只是简化了css，并没有判断客户端是手机还是pc的功能