Javascript判断手机浏览器实例代码

最近准备做一个手机端的网站。所以在网上找了几个判断是否是手机浏览器的js脚本,贴上来,分享下:

1.如何判断是否为移动终端 利用正则match,

匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile

安卓qq浏览器HD版 只有AppleWebKit

2手机语言版本的判断

使用navigator.browserLanguage 便可得出windows phone语言版本,
当然可恶的小小手机语言版本也有兼容性的差异,兼容Mozilla,以及AppleWebKit内核的浏览器访问其语言版本,它会列出 navigator.language

第一种、直接JS脚本:

 代码如下 复制代码

try {
    var urlhash = window.location.hash;
    if (!urlhash.match("fromapp")) {
        if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
            window.location = "http://www.111cn.net(更换成自己的WAP网站)";
        }
    }
} catch(err) {}

第二种、引用(稍微长点):

 代码如下 复制代码

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) {}
}

第二种方式,页面调用:

上述的脚本保持到wap.js文件,然后在需要调用的页面引用下面2个JS调用文件。

 代码如下 复制代码

<script src="wap.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.111cn.net(更换成自己的WAP网站)");</script>

参照 thinkphp 官网上的 php 代码修改的:

 代码如下 复制代码

<script type="text/javascript">
var ua = navigator.userAgent,
    mobileAgents = ["240x320","acer","acoon","acs-","abacho","ahong","airness","alcatel","amoi","android","anywhereyougo.com","applewebkit/525",

"applewebkit/532","asus","audio","au-mic","avantogo","becker","benq","bilbo","bird","blackberry","blazer","bleu","cdm-","compal","coolpad","danger","dbtel","dopod","elaine","eric","etouch","fly ","fly_","fly-","go.web","goodaccess","gradiente","grundig","haier","hedy","hitachi","htc","huawei","hutchison",

"inno","ipad","ipaq","ipod","jbrowser","kddi","kgt","kwc","lenovo","lg ","lg2","lg3","lg4","lg5","lg7","lg8","lg9","lg-","lge-","lge9","longcos","maemo","mercator","meridian","micromax","midp","mini","mitsu","mmm","mmp","mobi","mot-","moto","nec-","netfront","newgen","nexian","nf-browser","nintendo","nitro","nokia","nook","novarra","obigo","palm","panasonic","pantech","philips","phone","pg-","playstation","pocket","pt-","qc-","qtek","rover","sagem","sama","samu","sanyo","samsung","sch-","scooter","sec-","sendo","sgh-","sharp","siemens","sie-","softbank","sony","spice","sprint","spv","symbian","tablet","talkabout","tcl-","teleca","telit","tianyu","tim-","toshiba","tsm","up.browser","utec","utstar","verykool","virgin","vk-","voda","voxtel","vx","wap","wellco","wig browser","wii","windows ce","wireless","xda","xde","zte"];
for(var i = 0; i < mobileAgents.length; i++) {
    if(ua.toLowerCase().indexOf(mobileAgents[i]) > -1) {
        window.location.href = 'http://www.111cn.net';
        break;
    }
}
</script>

时间: 2024-09-20 14:41:41

Javascript判断手机浏览器实例代码的相关文章

JavaScript判断微信浏览器实例代码_javascript技巧

先给大家说下我的项目需求:用户扫一扫二维码会产生一个链接,该链接会向后端发送个请求,返回一个 apk 的下载地址,用户点击下载按钮可以下载此 apk.然后就发生了问题,经过测试,发现用微信扫一扫打开的页面点击下载按钮下载不了 apk,后百度之,原来是微信内置浏览器屏蔽了下载链接,后面和需求方沟通,需求改为如果用户是用微信内置浏览器打开的,则提示用户换一个浏览器打开页面,否则下载不了 apk.那么该如何判断用户是否是用微信浏览器呢? 我们知道 js 可以通过 window.navigator.us

使用JavaScript判断手机浏览器是横屏还是竖屏问题_javascript技巧

//判断手机横竖屏状态: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态!") } if(window.orientation==90||window.orientation==-90){ alert("横屏状态!") } } window.addEventListener("onorientationchange" i

Javascript 判断客户端浏览器类型代码_javascript技巧

复制代码 代码如下: <script type="text/javascript"> /*详细方法1*/ function CheckBrowser() { var app=navigator.appName; var verStr=navigator.appVersion; //火狐浏览器 if (app.indexOf('Netscape') != -1) { alert("你使用的是Netscape浏览器或火狐浏览器."); } else if (

Javascript判断Maxthon浏览器实现代码

因为Maxthon3双核浏览器的内核被他们团队做了修改,所以可以进行如下判断. (注意:仅仅在Mathon3+下做过测试.) 若发现问题,或者有更好的做法,请告诉我,谢谢.    代码如下 复制代码 <HTML>       <HEAD>           <TITLE>isMaxthon maxthonVersion</TITLE>       </HEAD>         <BODY>           <script

javascript判断chrome浏览器的方法

 这篇文章主要介绍了javascript判断chrome浏览器的方法,通过userAgent判断检测一下userAgent返回的字符串里面是否包含"Chrome",需要的朋友可以参考下 通过userAgent判断检测一下userAgent返回的字符串里面是否包含"Chrome", 具体怎么检测是通过indexOf方法进行的.    代码如下: <script type="text/javascript">     var isChro

Webview实现android简单的浏览器实例代码_Android

WebView是Android中一个非常实用的组件,它和Safai.Chrome一样都是基于Webkit网页渲染引擎,可以通过加载HTML数据的方式便捷地展现软件的界面,下面通过本文给大家介绍Webview实现android简单的浏览器实例代码. 实现了浏览器的返回 前进 主页 退出 输入网址的功能 注释的很清楚啦 就不多说了 首先是布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&qu

两款JS脚本判断手机浏览器类型跳转WAP手机网站_javascript技巧

随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树.对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便.我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的WAP网站. 这里老左整理到目前自己在使用的2种JS脚本,因为之前一直有朋友跟我要,所以这里分享出来. 第一种:直接JS脚本 <script type="text/javascript&q

javascript 判断微信浏览器

原文:javascript 判断微信浏览器 用js判断当前环境是否是是微信内置浏览器有两个方法: 1.判断useragent 2.判断是否支持微信内置浏览器才支持的一些方法,比如WeixinJSBridge 本次先介绍第一中方法,第二种方法等哪天再更新! 判断代码如下: <script type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('

JS判断手机浏览器

原文:JS判断手机浏览器 判断原理: JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另 一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的 版本一般只能通过分析浏览器的userAgent才能知道.   浏览器类型 ⑴浏览器特有属性 ⑵根据userAgen