js如何判断浏览器具体类型

js如何判断浏览器具体类型,第1张

function checkBrowser(){

var ua = navigatoruserAgenttoLocaleLowerCase();

var browserType=null;

    if (uamatch(/msie/) != null || uamatch(/trident/) != null) {

       browserType = "IE";

       browserVersion = uamatch(/msie ([\d]+)/) != null  uamatch(/msie ([\d]+)/)[1] : uamatch(/rv:([\d]+)/)[1];

} else if (uamatch(/firefox/) != null) {

       browserType = "火狐";

}else if (uamatch(/ubrowser/) != null) {

       browserType = "UC";

}else if (uamatch(/opera/) != null) {

       browserType = "欧朋";

} else if (uamatch(/bidubrowser/) != null) {

       browserType = "百度";  

}else if (uamatch(/metasr/) != null) {

       browserType = "搜狗";  

}else if (uamatch(/tencenttraveler/) != null || uamatch(/qqbrowse/) != null) {

       browserType = "QQ";

}else if (uamatch(/maxthon/) != null) {

       browserType = "遨游";

}else if (uamatch(/chrome/) != null) {

var is360 = _mime("type", "application/vndchromiumremoting-viewer");

function _mime(option, value) {

            var mimeTypes = navigatormimeTypes;

            for (var mt in mimeTypes) {

            if (mimeTypes[mt][option] == value) {

                   return true;

              }

            }

            return false;

        }

if(is360){               

browserType = '360';  

      }else{  

         browserType = "谷歌";  

        }  

       

}else if (uamatch(/safari/) != null) {

       browserType = "Safari";

}

return browserType;

}

亲测有用!

1、首先打开我们测试的编辑工具 我这里使用的是Eclipse。

2、首先我们新建一个测试项目然后新建一个indexhtml、basicjs和basiccss文件

3、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码

4、接下来我们就使用js修改高度。

5、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。

6、使用js修改CSS文件中的div的height的值 HTML文件中的代码。

7、样式表css文件中的代码如图所示  运行项目之后 你会看到两个div的高度是一样的。

8、然后我们是在js文件中获取div1的id属性 然后使用objstylecssTest来修改嵌入式的css。

9、然后运行项目之后 两次结果都是一样的 div的高度改变了  。

html5中的video这个标签是引入视频的,通过navigatorgetUserMedia去获取摄像头的视频流,所以要在事件里用关闭的代码都不能执行关闭摄像头,只有关闭网页,摄像头才关闭。

以下为html5打开摄像头代码:

<!DOCTYPE html>

<html>

<head>

<meta content="text/html; charset=UTF-8" >

-——代码结束

检测UA。

function loadCSS() {

    if ((navigatoruserAgentmatch(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {

        documentwrite('<link href="css/notpccss" rel="stylesheet" type="text/css" media="screen" />');

    }

    else {

        documentwrite('<link href="css/pccss" rel="stylesheet" type="text/css" media="screen" />');

    }

}

loadCSS();

把里面手机部分关键字删除。还有种办法就是判断屏幕宽度。

以上就是关于js如何判断浏览器具体类型全部的内容,包括:js如何判断浏览器具体类型、如何用js 获取一个div的坐标、能不能通过js代码打开摄像头等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10072077.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存