两款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设置和去除disabled属性的5种方法总结
May 16 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
深入浅析Node.js 事件循环
Dec 20 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
JavaScript实现图像模糊化的方法实例
Jan 15 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
React Native使用百度Echarts显示图表的示例代码
Nov 07 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 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
提取HTML标签
2006/10/09 PHP
php接口与接口引用的深入解析
2013/08/09 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
python进程与线程小结实例分析
2018/11/11 PHP
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
微信小程序实现图片翻转效果的实例代码
2019/09/20 Javascript
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
使用python3实现操作串口详解
2019/01/01 Python
如何使用Python 打印各种三角形
2019/06/28 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python super()方法原理详解
2020/03/31 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
耐克亚太地区:Nike APAC
2019/12/07 全球购物
中学教师管理制度
2014/01/14 职场文书
医院标语大全
2014/06/23 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
工程部经理岗位职责
2015/02/02 职场文书
认识实习感想
2015/08/10 职场文书
pytorch查看网络参数显存占用量等操作
2021/05/12 Python