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

　　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>

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

时间： 2024-07-29 16:02:36

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

JavaScript判断移动端及pc端访问不同的网站

http://www.html-js.com/article/2677 现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站. 对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理. 假如我们有一个网站,pc端通过www.test.com访问,而移动端通过m.test.com来访问.我们需要做的就是当移动端访问www.test.c

js判断游览器是移动端还是PC端

js判断网页游览器是移动端还是PC端 1 <script type="text/javascript"> 2 function browserRedirect() { 3 var sUserAgent = navigator.userAgent.toLowerCase(); 4 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 5 var bIsIphoneOs = sUserAgent.match(/

JS判断手机端还是pc端

如何判断页面是在移动端还是PC端打开的呢 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";

js判断是移动端还是pc端

运行页面的时候,执行到js会判断来自于移动端还是pc端,如果是移动端则跳转制定链接地址,这样在手机端会有额外的不必要浪费的加载时间 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto')

判断是移动端还是PC端

// 判断是移动端还是PC端 $http_user_agent = isset($_SERVER['HTTP_USER_AGENT']) ? strtolower($_SERVER['HTTP_USER_AGENT']): ''; $http_accept = isset($_SERVER['HTTP_ACCEPT']) ? strtolower($_SERVER['HTTP_ACCEPT']): ''; $pos_hua = strpos($http_user_agent, 'mobi');

js判断移动端还是PC端

function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os", bIsMidp= sUserAgent.match(/midp/i) == "midp", b

判断手机端，PC端不同跳转

1. wap端打开pc端地址,强制跳转到wap地址 var ua = window.navigator.userAgent.toLowerCase();if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { window.location.href = "http://" + window.location.host+"/list&

检测当前运行环境——移动端与PC端。

方法1: $(function checkBrowser(){ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.index

html与css的移动端与pc端需要注意的事项

一个移动端与pc端之间最主要的也就是尺寸问题,苹果与安卓的机型尺寸大小相差甚多,一个尺寸都会影响用户的体验.那么我们来了解一下一些常用的解决方法. 一般在网页中都会在头部有一些这样的代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 1)首先 nam

web验证访问端是 PC端还是 移动端

<script type="text/javascript">               function browserRedirect() {                   var sUserAgent = navigator.userAgent.toLowerCase();                   var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";