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

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


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