【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面
来源:互联网 发布:网页可视化编辑器源码 编辑:程序博客网 时间:2024/05/21 14:00
这个其实根本不用自己写,因为在网上就有一个写的非常不错的js。
做到如下效果,如果是PC、平板访问这个页面,则显示PC版的页面,如果是手机访问这个页面则跳到手机版的页面,同时不加载PC版页面,直接跳转。
首先,目录结构如下:
其中JS文件夹中的uaredirect.js是从网上down下来的,其代码如下:
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}}}};各位直接复制去用就可以了,然后再PC版页面头,加如下的东西:
<script src="js/uaredirect.js" type="text/javascript"></script><script>uaredirect("ml.html");</script>这就见到效果了。
其中上面的pc.html全代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="js/uaredirect.js" type="text/javascript"></script><script>uaredirect("ml.html");</script><title>PC</title></head><body>此乃PC页面</body></html><script>alert("called");</script>ml.html代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>手机页面</title></head><body>此乃手机页面</body></html>没有什么特别的,都是些简单得不能再简单的HTML页面。
0 0
- 【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面
- 手机访问PC网站自动跳转到手机版
- 手机访问网站自动跳转到手机页面
- 通过PHP自带的$_SERVER判断 手机访问网站自动跳转到手机版
- 识别pc和手机版跳转不同的页面
- 手机浏览器访问PC网站,跳转到wap手机版网站
- 织梦dedecms手机浏览自动跳转到手机版页面的方法
- 判断是电脑端还是手机短的javascript,自动跳转到手机wap版网站
- 手机访问PC网站自动跳转到手机网站代码
- 手机访问PC站时自动跳转到手机站
- 手机访问PC网站自动跳转到手机网站代码
- 手机访问PC网站自动跳转到手机网站代码
- 根据不同访问设备跳转到PC页面或手机页面
- 根据不同访问设备跳转到PC页面或手机页面
- 使手机浏览器输入www网址自动跳转手机版页面
- 判断当前访问web项目的设备,如果是手机则跳转手机页面
- js判断手机访问网站自动跳转到手机版
- js判断手机访问网站自动跳转到手机版
- ssh问题的解决
- atoi函数的使用
- 2.7 运算符简介
- 计算机数据表示
- python 安装virtualenv和virtualenvwrapper
- 【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面
- 一只名叫鲍勃的流浪猫
- iOS 界面跳转的几种方法
- 关于web 前端一点构思
- 黑马程序员——java学习--GUI
- java 实现生成excel表头,A-Z;AA-ZZ;AAA-ZZZ支持无限
- javascript学习七:事件处理
- Binary Tree Level Order Traversal
- 四川省ACM竞赛(2013)---E - Naive and Silly Muggles