在一个静态网页里有 2 个部分，我想让安卓用户访问时，只看到第一部分，苹果用户访问时，只看到第 2 部分，有办法吗？

[shpasspass]

如题，用@media screen和useragent貌似都不能判断用户设备。。。

[cornelia]

用js,复制了一下以前曾经用过的代码,应该ok
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return { //移动终端浏览器版本信息
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1,//是否iPad
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 //android终端或uc浏览器
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
//判断
if(browser.versions.iPhone){
xxx
}else{
xxx
}

[jjdd]

iphone的useragent里面有iphone字样吧

[cornelia]

或者看一下这里,更加详细:http://blog.csdn.net/xieyanpei/article/details/10183827

[shpasspass]

多谢，我先去实践一下，等会回来报告结果

[jsonline]

这个和分两个网页有什么区别。

[jacob]

@jsonline 真相了

[solar]

https://github.com/hgoebl/mobile-detect.js 这个也许有用。LZ试试吧。

[shpasspass]

经过实验，1楼的方法非常有效。

[yuxizhou]

UA足够判断了啊

[Julyyq]

让客户端请求url的时候后面带个[?device=iphone|android]然后用JS拿参数来控制应该是最简单的办法。