两款JS脚本判断手机浏览器类型跳转WAP手机网站
作者:bea
随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树。对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便。我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的WAP网站。 这里老左整理到目前自己在使用的2种JS脚本,因为之前一直有朋友跟我要,所以这里分享出来。 第一种:直接JS脚本 <script type="text/
随着移动设备的普及,企业的网络宣传已经不能局限在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中的数据类型之旅
- 谈谈JavaScript自定义回调函数
- JS实现的网页背景闪电闪烁效果代码
- JavaScript实现点击按钮切换网页背景色的方法
- JavaScript实现的背景自动变色代码
- jQuery实现有动画淡出效果的二级折叠菜单代码
- 利用jQuery和CSS将背景图片拉伸
- 基于jQuery实现的菜单切换效果
- javascript判断复选框是否选中的方法
- jquery判断复选框是否被选中的方法
- 基于jquery实现复选框全选,反选,全不选等功能
- js生成随机数的方法实例
- jQuery实现商品活动倒计时
- JavaScript各类型的关系图解
- js实现新浪微博首页效果
- JS模拟Dialog弹出浮动框效果代码
- JS实现仿腾讯微博无刷新删除微博效果代码
- 解决JS请求服务器gbk文件乱码的问题
- jQuery实现简易的天天爱消除小游戏