JS判断手机访问页面,根据手机访问或者PC访问跳转

当用户访问你网站时,如果是PC端访问,则不作处理,如果是手机或者平板访问,就跳转到自己定义的手机页面去,这个在做webapp的时候经常用到,把代码分享给大家,希望对大家有所帮助。

首先,你要在页面中引用一个jsuaredirect.js,js源码如下:

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

然后调用:

<script type="text/javascript">uaredirect("http://www.weixh.net/wap/","http://www.weixh.net");</script>

前面一个参数为手机页面,后面的参数为你的网站的域名,需要注意的是:把这两个js放到页面的最头部,不能让手机用户看到了电脑页面的内容然后才跳转,这样的效果就欠佳了。

逸读网就用到这个了,不过手机页面直接用百度的webapp生成的,效果不太好,大家可以去看看www.eadu123.com

时间: 2024-10-24 23:04:26

JS判断手机访问页面,根据手机访问或者PC访问跳转的相关文章

手机web页面调用手机QQ实现在线聊天的效果

html代码如下: <a href="javascript:;" onclick="chatQQ()">QQ咨询</a> js代码如下: <script> function chatQQ(){ //其中1234567指的是QQ号码 window.location.href="mqqwpa://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=

JS判断是不是本页面并且,给标签添加属性和属性值

大多是在导航栏中用到的,在导航栏中在主页和在其他的网页点击导航栏中的主页是不同的,主要就是判断这个. 我是在ascs页面中写的. 下面先看标签: <a href="http://www.gkxx.com/" target="_blank" id="aaa" onclink="blank(id)">< span>首页 </span></ a> JS代码: <script>

判断用户是pc访问还是手机访问

前天因为手机页面中点击无法链接53客服,就研究了下怎样通过js判断,用户是拿手机(ipad)访问,还是pc端访问, 如果是手机访问的话只需把链接通过attr修改a的链接地址~ <a class="c_click" onclick="fixed();" href="javascript:void(0);">aaa</a> 首先判断是否用户是拿手机还是电脑访问: function browserRedirect() { var

Spring MVC或Spring Boot配置默认访问页面不生效?

相信在开发项目过程中,设置默认访问页面应该都用过.但是有时候设置了却不起作用.你知道是什么原因吗?今天就来说说我遇到的问题. 首先说说配置默认访问页面有哪几种方式. 1.tomcat配置默认访问页面 进入 tomcat 的 conf 目录,编辑 web.xml 文件.在 <web-app></web-app> 添加默认访问页面. <welcome-file-list> <welcome-file>index.html</welcome-file>

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(/

php js 判断手机访问

<?php function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:''; function CheckSubstrs($substrs,$text){ foreach($subst

【php】手机版访问手机版页面选择“电脑版”之后不回到原来的手机版页面,利用Session实现

在<[JavaScript]通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面>(点击打开链接)中现实了,如果用户通过手机访问你的PC页面,自动跳转到手机版页面,但是,这其中有一个问题,如果那些手机用户看到手机版页面之后,还是需要浏览PC版页面呢?此时,他们点击"电脑版"之后,由于JS的作用,还是回把他们扔回手机版页面. 当然,你可以说是这是用户的事情,让他们的手机浏览器改改浏览标识就是了,但是,我们应该把程序写得更加友好. 此时,可以利用p

解决微信浏览器访问手机页面:您访问的页面无手机页面,是否进一步访问电脑版?

dz论坛总是报502没办法了,发到这里备份. 这个问题困扰楼主很长时间了,具体原因因为不懂php没去研究源码,所以只能用js解决了.也就是大家常见的通过修改source\language\lang_message.php里的not_in_mobile强制刷新页面,具体修改方法是将提示信息改成 '<meta http-equiv="refresh" content="5" />' 但是这个问题在微信浏览器下是不完全好使的,在朋友圈分享以后这个标签是不自动刷

【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面

这个其实根本不用自己写,因为在网上就有一个写的非常不错的js. 做到如下效果,如果是PC.平板访问这个页面,则显示PC版的页面,如果是手机访问这个页面则跳到手机版的页面,同时不加载PC版页面,直接跳转. 首先,目录结构如下: 其中JS文件夹中的uaredirect.js是从网上down下来的,其代码如下: function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;i

JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面

JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html 1 function is_weixin() { 2 var ua = window.navigator.userAgent.toLowerCase(); 3 if (ua.match(/MicroMessenger/i) == 'micromessenger') { 4 return true; 5 } else { 6 return fals