两款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 相关文章推荐
显示js对象所有属性和方法的函数
Oct 16 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 Javascript
vue ref如何获取子组件属性值
Mar 31 Vue.js
JavaScript中的LHS和RHS分析详情
Apr 06 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 应用程序安全防范技术研究
2009/09/25 PHP
神盾加密解密教程(二)PHP 神盾解密
2014/06/08 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PHP实现简易计算器功能
2020/08/28 PHP
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
JS 实现随机验证码功能
2017/02/15 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
React Form组件的实现封装杂谈
2018/05/07 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
Python读取实时数据流示例
2019/12/02 Python
关于Keras Dense层整理
2020/05/21 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
岗位职责范本
2013/11/23 职场文书
职业生涯规划书范文
2014/03/10 职场文书
师德师风建设方案
2014/05/08 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
导游词范文
2015/02/13 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL