码迷,mamicode.com
首页 > 移动开发 > 详细

3个方法实现JavaScript判断移动端及pc端访问不同的网站

时间:2015-11-23 16:22:51      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

  3个方法比较简单,分别在页面头部加入如下js代码:

  1. 对于简单地直接从www.maslinkcom跳转到m.maslink.com,此方法仅从首页而言:
<script>(function () {
var url = location.href;
// replace www.maslink.com with your domain
if ( (url.indexOf(‘www.maslink.com’) != -1) &&
navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) )
{location.href = ‘http://m.maslink.com‘;
}
})();
</script>

2.如果网站除了首页部分,后面跟的还有,比如:www.maslink.com/list/98/,对于这样一个url,PC就直接这样访问了, 对于移动端,只能需要通过m.maslink.com/list/98/才可以呈现出比较好的效果。把http://www替换为http://m,然后 更新页面就可以看到页面在移动端上呈现的效果了。

<script>
(function () {
var url = location.href;
// replace www.maslink.com with your domain
if ( (url.indexOf(‘www.maslink.com’) != -1) &&
navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) )
{var newUrl = url.replace(‘http://www’, ‘http://m’);
location.href = newUrl;
}
})();
</script>

3.还有一种方法是在用移动设备访问时给予提示:

<script>
var userAgentInfo = navigator.userAgent;
var Agents = new Array(“Android”, “iPhone”, “SymbianOS”, “Windows Phone”,
“iPad”, “iPod”);
var flag = false;
var v=0
for ( v = 0; v < Agents.length; v++)
{
if (userAgentInfo.indexOf(Agents[v]) > 0)
{ flag = true; break; }
}
if(flag){
window.location.href=”http://m.maslink.com”
alert(Agents[v]);// 设备类型
}
else
{
// pc
}
</script>

以上三种方法都是我在试验中验证了的,操作简单,效果明显,希望读者能用得上

3个方法实现JavaScript判断移动端及pc端访问不同的网站

标签:

原文地址:http://www.cnblogs.com/webpush/p/4988500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!