两款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 相关文章推荐
获取当前网页document.url location.href区别总结
May 10 Javascript
jQuery实现的仿select功能代码
Aug 19 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
vue axios 表单提交上传图片的实例
Mar 16 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
ES10 特性的完整指南小结
Mar 04 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
微信小程序-可移动菜单的实现过程详解
Jun 24 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
js实现小时钟效果
Mar 25 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
一个分页的论坛
2006/10/09 PHP
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php输入数据统一类实例
2015/02/23 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
几个有趣的Javascript Hack
2010/07/24 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
JavaScript轮播图简单制作方法
2017/02/20 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
2017/12/13 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
Python找出list中最常出现元素的方法
2016/06/14 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
家长会演讲稿
2014/04/26 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
家庭聚会祝酒词
2015/08/11 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL