WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

CSS/JS Browser Determiner

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

它是轻量级的(2KB gzip压缩或3,8kb缩小的),可以在所有的Web项目中使用JavaScript的浏览器检测 。 它是为了帮助你写CSS或JavaScript代码对任何特定的浏览器或版本的浏览器诸如此类的东西在一个非常简单的方法。 检测布局引擎,操作系统,对CSS的功能和更多的支持。

这是构建跨浏览器和跨平台的网站和网络应用不可或缺的解决方案。

它是如何工作的? 很简单。 它产生的类约浏览器排版引擎,操作系统,设备的详细信息的列表,然后将其连接到<html>标签。

不像公知的Modernizr的,所述的CSS / JS浏览器确定器大多集中不上的浏览器的功能,但在浏览器和设备本身。 但是,这也决定了普通CSS功能的支持。

浏览器检测使用CSS

 .opera.element {color:red} // All versions of Opera.ie8.element {color:red} // MSIE 8.ie7_5.element {color:red} // MSIE 7.5.ie8-.element {color:red} // MSIE 8 or less.chrome24-.element {color:red} // Chrome 24 or less (25 version is the maximum available).webkit.element {color:red} // Webkit based browsers such as Chrome, Safari, IOS, Android etc..gecko18.element {color:red} // Browsers that based on Gecko v18.macos.element {color:red} // Mac OS only.windows.element {color:red} // Any version of Windows.win7.element {color:red} // Windows 7 only.pc.element {color:red} // Any non-mobile computer including Mac OS.mobile.element {color:red} // Any mobile device.desktop.element {color:red} // Window width 980px or more.iphone.element {color:red} // iPhone.ipad.landscape.element {color:red} // iPad in landscape orientation.android.element {color:red} // Device with Android OS.android.crmo.element {color:red} // Chrome Mobile on Android OS.mobile.tablet.element {color:red} // Only mobile device with current width of the window from 768px to 979px.boxsizing.element {color:red} // Browser that supports the CSS3 box-sizing property.no-gradient.element {color:red} // Browser that does not supports CSS3 gradients.cookie.element {color:red} // Cookies enabled.no-flash.element {color:red} // Flash is not installed... and so much more! 

浏览器检测使用JavaScript

 if (browser.ie && browser.version <= 8 ) { // Code for MSIE 8 or less } if (browser.is_mobile) { // Code for mobile devices } if (browser.is_old) { // Code for old browsers such as: // MSIE 9 or less // Firefox 3.6 or less // Safari 3.0 or less // Opera 10.1 or less } if (browser.supports("border-radius")) { // Code for browsers that supports the CSS3 border-radius property } if (browser.is_desktop) { // Window width is 980px or more } 

和非常多。

所有的CSS选择器

  • 浏览器- chromesafarifirefoxiekonqueroroperaoperamobioperaminicrmounknown
  • 浏览器版本,如: firefox18firefox18-firefox18_0 (但不firefox18_0-firefox18_0_1234firefox18_0a1
  • 布局引擎: webkitgeckotridentprestokhtml
  • 布局版本,如: gecko18gecko18_0 (但不gecko18-gecko18_0_1gecko18_0a1
  • 移动设备: iphoneipodipadblackberrykindle
  • 操作系统: windowswin8win7vistaxpwin2003crosunixlinuxiosandroidunknown_os
  • 基本CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. 或no-gradientno-borderimage等...
  • 其他:
    • pcmobile (任何非移动计算机或移动设备)
    • desktoptabletphone (根据窗口宽度)
    • landscapeportrait (视口方向,根据窗口的宽度和高度)
    • retinatouchscreen (或no-retinano-touchscreen
    • cookieflashjava (或no-cookieno-flashno-java

的JavaScript API

  • browser.is_modern -如果它是一个现代的浏览器返回true。 依赖于浏览器是否支持CSS3的过渡性
  • browser.is_old - browser.is_modern相反
  • browser.is_mobile -如果它是一个移动设备返回true
  • browser.is_pc -任何非移动电脑,包括Mac OS
  • browser.is_desktop -窗宽980px多
  • browser.is_tablet -窗宽768px到979px
  • browser.is_phone -窗口宽度是767px或更少
  • browser.is_retina -如果它的Retina显示屏返回true
  • browser.is_touchscreen - -如果它是触摸屏设备返回true
  • browser.name -浏览器的名称
  • browser.NAME -像browser.ie,browser.firefox等返回true或未定义
  • browser.nameFull -返回如“火狐”浏览器的全名,“Internet Explorer”的等等。
  • browser.version -浏览器的版本
  • browser.layout -布局引擎的名称,如“WebKit的”,“壁虎”,“三叉戟”,“急”,“KHTML”或“未知”
  • browser.LAYOUT_NAME -像browser.webkit,browser.gecko等返回true或未定义
  • browser.layoutFull -布局引擎的全名,如“WebKit的”,“壁虎”,“三叉戟”,“普雷斯托”,“KHTML”或“未知”
  • browser.layoutVersion -布局引擎的版本,如“533.1”为的WebKit / 533.1,“18.0”的壁虎/ 18.0,“18.0a1pre”为18.0蛤蚧1阿尔法等前
  • browser.os -返回操作系统的简称,如“窗户”,“MacOS的”,“合同研究组织”,“UNIX”,“LINUX”,“IOS”,“机器人”或“未知”
  • browser.osFull -返回操作系统的全名,如“窗口”,“Mac OS X的”,“克罗”,“UNIX”,“Linux的”,“iOS的”,“机器人”或“未知”
  • browser.osVersion -为Windows 7为Android 4.2等返回OS版本字符串,如“7”,“4.2”
  • browser.device -返回移动设备的短名称,如“iPhone”,“iPad的”,“iPod”的,“黑莓”或“点燃”
  • browser.deviceFull -返回移动设备的全名,如“iPhone”,“iPad的”,“iPod”的,“黑莓”或“点燃”
  • browser.supports.CSS_PROP -像browser.supports.opacity,browser.supports.gradient等。只有预先定义属性alowed( “通用CSS属性”列表)。 请注意,第二个字必须大写像textShadow,borderRadius,boxSizing等。
  • browser.mode -根据窗口的当前宽度返回“桌面”,“平板电脑”或“手机”
  • browser.orientation -浏览器窗口的方向,如“风景”或“肖像”
  • browser.cookieEnabled -如果饼干浏览器中启用返回true
  • browser.flashEnabled -返回true,如果已安装的Flash播放器和浏览器中启用
  • browser.javaEnabled -如果Java安装并在浏览器中启用返回true
  • browser.width() -返回浏览器的宽度
  • browser.height() -返回浏览器的高度
  • browser.supports("css-prop") -确定浏览器是否支持CSS属性。

响应公用事业

CSS / JS浏览器确定器还支持基本的响应utilites更快的移动友好的发展。 您可以使用CSS选择器来确定桌面,平板电脑或手机平台。 如果你需要在Internet Explorer 8(或更少),不支持CSS3媒体查询响应支持,它可以是有帮助的。

现场演示和完整文档

更新日志

2.3版| 2014年2月6日
- 小错误修正

2.2版| 2013年12月15日
- 修正闪光检测
- 其他错误修正

2.1版| 2013年10月15日
- 修正了检测歌剧15+,即11
-在JavaScript API切换回“,即”财产“MSIE”(所以现在它的browser.ie

版本2.0.3 | 2013年5月29日
- 现场方向(横向,纵向)对CSS的更新

版本2.0.2 | 2013年5月24日
- 固定检测移动设备

2.0.1版| 2013年5月11日
- 歌剧被移动到WebKit的很快,所以现在我们准备好了!
- 修正了一个链接到文件(移动到一个新的域)

2.0版| 2013年1月23日
- 从地上爬起来总改造almoust
- 更强大。 新增支持新的浏览器,OS,布局引擎,设备和其他功能
- 新的检测算法
- 现在你可以检测版本的操作系统和排版引擎既CSS和JavaScript
- 更新演示
- 新的测试工具增加(见实时预览)
- 从“.mozilla”到“.firefox”所取代Firefox浏览器的名字
-在JavaScript API替换“,即”属性“MSIE”(所以现在它的browser.msie
- 从“的.Mac”到“.macos”所取代的Mac OS
- 同样的4KB(精缩)!

版本1.0.5 | 2013年1月1日
- 固定窗口宽度检测

版本1.0.4 | 2012年12月28日
- 增加OS:win8的,WIN7,VISTA,XP
- 增加了Retina显示屏检测

版本1.0.3 | 2012年12月27日
- 新增的iOS检测支持
- 使用Safari浏览器修复严重错误
- 其他变化和bug修复


下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
12年12月26日,最后更新

软件版本的jQuery:
,MooTools的1.2,1.3 MooTools的,MooTools的1.4,MooTools的1.4.5,YUI 2,YUI 3,EXT JS 3,EXT JS 4,script.aculo.us 1.9,script.aculo.us 2.0,其他

关键字

电子商务, 电子商务, 所有物品, 浏览器检测, CSS, Javascript代码, 脚本, 选择, 的userAgent