首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

通过js获取所使用浏览器名称和版本

2015-05-05 09:07:32 昨天晚上加班加到了两点半,困扰我最大就是浏览器兼容问题。无奈,一些网页效果只能通过判断是何种浏览器来进行选择不同方法来解决了。...网上大堆资料都有一个关键词是 navigator.appName,但是这个方法获取浏览器名字只有两种要么是IE要么就是Netscap,倒是可以用来判断是否使用了IE,但是我想获取具体浏览器产品名字比如...所以只好通过navigator.userAgent,但是这个字符串是非常长,分析他特征,通过正则表达式来解决这个问题是不错方法。...1) 获取浏览器名字+版本字符串 function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase() ; var regStr_ie...agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) { return agent.match(regStr_saf) ; } } (2)然后获取版本

3.2K30

js浏览器版本和移动端版本总结

avaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另 一种是通过分析浏览器userAgent属性来判断。...在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器 版本一般只能通过分析浏览器userAgent才能知道。...浏览器类型 ⑴浏览器特有属性 ⑵根据userAgent 浏览器版本 ⑴根据userAgent 对于手机浏览器判断 1.如何判断是否为移动终端 利用正则match, 匹配navigator.userAgent...是否含有字符串AppleWebKit***Mobile 安卓qq浏览器HD版 只有AppleWebKit 2手机语言版本判断 使用navigator.browserLanguage 便可得出windows...phone语言版本,  当然可恶小小手机语言版本也有兼容性差异,兼容Mozilla,以及AppleWebKit内核浏览器访问其语言版本,它会列出 navigator.language 例: //

2K00

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标 event.offsetX...要得到窗口尺寸,对于不同浏览器,需要使用不同属性和方法:若要检测窗口真实尺寸,在Netscape下需要使用Window属性;在 IE下需要深入Document内部对body进行检测;在DOM环境下...--显示浏览器窗口实际尺寸--> 浏览器窗口 实际高度: 浏览器窗口 实际宽度:

8K30

JS判断浏览器版本实现跳转

相信开发者最讨厌就是IE系列浏览器了 win7,win8IE9,10还好说,如果是遇到IE6.7.8那真的想死心都有了。 整个站在IE下呈现出残废效果真的让人很不爽。...今天小编陈子文给大家带来JS判断浏览器代码,加在网站中如果遇到IE浏览器就可以直接跳转到别的地址上了。 下面看看源代码: var browser=navigator.appName var b_version=navigator.appVersion...,您正在使用世界上最垃圾浏览器导致本站暂不支持显示,能够更好服务您,请您升级至火狐and谷歌"); alert("点击跳转预置模板"); location.href='http://...--判断浏览器版本结束--> 以上代码即可判断IE6.7.8浏览器。 在这里如果用于EMLOG中可将以上代码添加至header.php文件中head标签中。 然后利用模板切换至其他能够正常显示模板

1.8K30

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转)

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离  scrollWidth:获取对象滚动宽度...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...  offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置  event.clientX 相对文档水平座标  event.clientY 相对文档垂直座标...要得到窗口尺寸,对于不同浏览器,需要使用不同属性和方法:若要检测窗口真实尺寸,在Netscape下需要使用Window属性;在IE下需要 深入Document内部对body进行检测;在DOM环境下...--显示浏览器窗口实际尺寸--> 浏览器窗口 实际高度: 浏览器窗口 实际宽度: <input

16K10

js 获取浏览器高度和宽度值(多浏览器)

window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标...--显示浏览器窗口实际尺寸--> 浏览器窗口 实际高度: 浏览器窗口 实际宽度

10.3K60

js 获取浏览器高度和宽度值(多浏览器)

屏幕可用工作区宽度: window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标...--显示浏览器窗口实际尺寸--> 浏览器窗口 实际高度: 浏览器窗口 实际宽度

7.5K80

js 获取浏览器高度和宽度值(多浏览器)

屏幕可用工作区宽度: window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象滚动高度...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 scrollWidth:获取对象滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标 event.offsetX...--显示浏览器窗口实际尺寸--> 浏览器窗口 实际高度: 浏览器窗口 实际宽度

5.6K10

js如何获取select选中

我想获取select选中value,或者text,或者…… 比如这个: <option value=”A” url=”http://www.baidu.com...; // selectedIndex代表是你所选中项index 3:拿到选中项optionsvalue: myselect.options[index].value; 4:拿到选中项options...text: myselect.options[index].text; 5:拿到选中项其他值,比如这里url: myselect.options[index].getAttribute(‘url’...); 二:jQuery方法 1:var options=$(“#select option:selected”); //获取选中项 2:alert(options.val()); //拿到选中项值...3:alert(options.text()); //拿到选中项文本 4:alert(options.attr(‘url’)); //拿到选中项url值 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人

26.1K30

JS 获取浏览器默认字体大小

说是 JS,其实也还是要配合 CSS 使用。 要获取浏览器默认字体大小,我们可以使用 CSS font-size 属性。...以下是设置元素字体大小 CSS 代码示例: .element { font-size: medium; } 一旦将元素字体大小设置为浏览器默认大小,就可以通过 JavaScript 来获取其实际值...下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小: const measureElement = document.querySelector('.element'); let fontSize...然后,使用 getComputedStyle() 方法获取该元素计算样式,即应用于该元素实际样式。 最后,使用 parseInt() 方法将获取字体大小值转换为整数。...需要注意是,如果浏览器默认字体大小被修改,例如在 Chromium 浏览器中将其更改为"特大",则返回值将相应地更改。

3K30
领券