两款JS脚本判断手机浏览器类型跳转WAP手机网站


Posted in Javascript onOctober 16, 2015

随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树。对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便。我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的WAP网站。
这里老左整理到目前自己在使用的2种JS脚本,因为之前一直有朋友跟我要,所以这里分享出来。

第一种:直接JS脚本

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>

第二种,稍微长一些,引用

function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}

上述的脚本保持到mobile.js文件,然后在需要调用的页面引用下面2个JS调用文件。

<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>

经本人测试两款js脚本均可判断手机浏览器类型跳转WAP手机网站,需要的朋友直接拿过去用。

Javascript 相关文章推荐
javascript之锁定表格栏位
Jun 29 Javascript
js 操作select相关方法函数
Dec 06 Javascript
JavaScript Event学习第八章 事件的顺序
Feb 07 Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 Javascript
利用javascript的面向对象的特性实现限制试用期
Aug 04 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
window.returnValue使用方法示例介绍
Jul 03 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 #Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 #Javascript
javascript实现3D切换焦点图
Oct 16 #Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 #Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 #Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 #Javascript
javascript实现动态标签云
Oct 16 #Javascript
You might like
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
php计算函数执行时间的方法
2015/03/20 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
2010/07/11 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
nodejs实现连接mongodb数据库的方法示例
2018/03/15 NodeJs
vue引入axios同源跨域问题
2018/09/27 Javascript
小程序分享链接onShareAppMessage的具体用法
2020/05/22 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
python 多线程应用介绍
2012/12/19 Python
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
flask入门之表单的实现
2018/07/18 Python
基于Python 中函数的 收集参数 机制
2019/12/21 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
三分钟演讲稿范文
2014/04/24 职场文书
整脏治乱工作简报
2015/07/21 职场文书
MySQL 自定义变量的概念及特点
2021/05/13 MySQL