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代码打开摄像头等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)