两款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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
基于jquery的网页SELECT下拉框美化代码
Oct 28 Javascript
详解javascript中的事件处理
Nov 06 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
vue一步步实现alert功能
Jul 05 Javascript
简单实现jQuery轮播效果
Aug 18 jQuery
mui框架移动开发初体验详解
Oct 11 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
微信小程序自定义tabBar在uni-app的适配详解
Sep 30 Javascript
Angular value与ngValue区别详解
Nov 27 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
浅析php中jsonp的跨域实例
2013/06/21 PHP
php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法
2014/11/11 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
js日期对象兼容性的处理方法
2014/01/28 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
Bootstrap精简教程中秋大放送
2016/09/15 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
vue元素实现动画过渡效果
2017/07/01 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
用Python编程实现语音控制电脑
2014/04/01 Python
Django rest framework实现分页的示例
2018/05/24 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
出国留学计划书
2014/04/27 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server