两款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 相关文章推荐
jquery中radio checked问题
Mar 16 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 Javascript
JavaScript实现登录窗体
Jun 22 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实现文件安全下载
2006/10/09 PHP
解析php获取字符串的编码格式的方法(函数)
2013/06/21 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
PHP编写登录验证码功能 附调用方法
2016/05/19 PHP
php实现将二维关联数组转换成字符串的方法详解
2017/07/31 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
自己开发Dojo的建议框架
2008/09/24 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python脚本实现网卡流量监控
2015/02/14 Python
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
通过实例解析python and和or使用方法
2020/11/14 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
前处理班长职位说明书
2014/03/01 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle