两款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 操作XML入门
Dec 25 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
jQuery基础知识小结
Dec 22 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
分享ES6的7个实用技巧
Jan 18 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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学习之 循环结构实现代码
2011/06/09 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
php+mysqli事务控制实现银行转账实例
2015/01/29 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
2015/10/08 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
Vue.js划分组件的方法
2017/10/29 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
微信小程序webview 脚手架使用详解
2019/07/22 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
Win8下python3.5.1安装教程
2020/07/29 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
在Python中os.fork()产生子进程的例子
2019/08/08 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
CSS3实现可爱的小黄人动画
2016/07/11 HTML / CSS
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
拉夫劳伦爱尔兰官方网站:Ralph Lauren爱尔兰
2020/04/10 全球购物
指针和引用有什么区别
2013/01/13 面试题
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
关于责任的演讲稿
2014/05/20 职场文书
项目工作说明书
2014/07/29 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
通知函的格式
2015/04/27 职场文书