两款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 相关文章推荐
用jscript实现列出安装的软件列表
Jun 18 Javascript
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
Apr 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的历史和优缺点
2006/10/09 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
基于nodejs的微信JS-SDK简单应用实现
2019/05/21 NodeJs
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
简单介绍Python中用于求最小值的min()方法
2015/05/15 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
python 发送json数据操作实例分析
2019/10/15 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
艺术系应届生的自我评价
2013/10/19 职场文书
医学毕业生自我鉴定
2013/10/30 职场文书
新娘父亲婚礼致辞
2014/01/16 职场文书
四风专项整治工作情况汇报
2014/10/28 职场文书
薪资证明范本
2015/06/19 职场文书
五一放假通知怎么写
2015/08/18 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
Python自动化测试PO模型封装过程详解
2021/06/22 Python