两款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 相关文章推荐
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
Node.js学习之地址解析模块URL的使用详解
Sep 28 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
微信小程序 select 下拉框组件功能
Sep 09 Javascript
vue-cli 关闭热更新操作
Sep 18 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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
PHP写MySQL数据 实现代码
2009/06/15 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
php中convert_uuencode()与convert_uuencode函数用法实例
2014/11/22 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
laravel 数据验证规则详解
2019/10/23 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
js Event对象的5种坐标
2011/09/12 Javascript
myEvent.js javascript跨浏览器事件框架
2011/10/24 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
Javascript使用post方法提交数据实例
2015/08/03 Javascript
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
Django 使用logging打印日志的实例
2018/04/28 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
详解python pandas 分组统计的方法
2019/07/30 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
优秀团员个人事迹材料
2014/01/29 职场文书
喝酒检查书范文
2014/02/23 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
小学一年级学生评语
2014/04/22 职场文书
公证委托书格式
2014/09/13 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书