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

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Het is lichtgewicht (2 kb gzipped of 3,8kb minified) JavaScript browser detector die gebruikt kunnen worden in al uw web-projecten. Het is gemaakt om u te helpen CSS of JavaScript-code voor een specifieke browser, versie van de browser of wat te schrijven in een zeer eenvoudige manier. Detect layout engine, OS, ondersteuning voor CSS functies en meer.

Het is onontbeerlijk oplossing voor het bouwen van cross-browser en cross-platform web-sites en web-applicaties.

Hoe het werkt? Erg makkelijk. Het genereert een lijst van klassen met gedetailleerde informatie over de browser, layout engine, OS, het apparaat en vervolgens hecht aan <html> tag.

In tegenstelling tot de bekende Modernizr, de CSS / JS Browser Determiner is meestal gericht niet op de browser functies, maar aan de browser en het apparaat zelf. Maar het bepaalt ook de steun van gemeenschappelijke CSS functies.

Browser Detection Met 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! 

Browser Detection Met 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 } 

En veel-veel meer.

Alle CSS selectors

  • Browsers - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Browser versie zoals: firefox18, firefox18-, firefox18_0 (maar niet firefox18_0- of firefox18_0_1234 of firefox18_0a1 )
  • Layout motoren: webkit, gecko, trident, presto, khtml
  • Lay-out versie, zoals: gecko18, gecko18_0 (maar niet gecko18- of gecko18_0_1 of gecko18_0a1 )
  • Mobile-apparaten: iphone, ipod, ipad, blackberry, kindle
  • Besturingssystemen: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Basic CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Of no-gradient, no-borderimage etc...
  • Anderen:
    • pc, mobile (alle niet-mobiele computer of mobiel apparaat)
    • desktop, tablet, phone (volgens raam breedte)
    • landscape, portrait (viewport oriëntatie, volgens venster breedte en hoogte)
    • retina, touchscreen (of no-retina, no-touchscreen )
    • cookie, flash, java (of no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - geeft true als het een moderne browser. Afhankelijk van de vraag of browser ondersteunt het pand CSS3 overgang
  • browser.is_old - het tegenovergestelde van browser.is_modern
  • browser.is_mobile - geeft true als het een mobiel apparaat
  • browser.is_pc - alle niet-mobiele computer, waaronder Mac OS
  • browser.is_desktop - venster breedte 980px en meer
  • browser.is_tablet - venster breedte 768px naar 979px
  • browser.is_phone - venster breedte is 767px of minder
  • browser.is_retina - geeft true als het Retina-display
  • browser.is_touchscreen - - geeft true als het touchscreen toestel
  • browser.name - de naam van de browser
  • browser.NAME - zoals browser.ie, browser.firefox etc. Geeft waar of undefined
  • browser.nameFull - geeft de volledige naam van de browser, zoals "Firefox", "Internet Explorer" etc.
  • browser.version - de versie van de browser
  • browser.layout - de naam van de layout engine, zoals "WebKit", "gekko", "drietand", "presto", "KHTML" of "onbekend"
  • browser.LAYOUT_NAME - zoals browser.webkit, browser.gecko etc. Geeft waar of undefined
  • browser.layoutFull - volledige naam van de layout engine, zoals "WebKit", "Gecko", "Trident", "Presto", "KHTML" of "Onbekend"
  • browser.layoutVersion - de versie van de layout engine, zoals "533,1" voor WebKit / 533,1 ", 18,0" voor Gecko / 18.0, "18.0a1pre" voor Gecko 18,0 Alpha 1 pre etc.
  • browser.os - geeft de korte naam van het besturingssysteem, zoals "ramen", "MacOS", "cros", "unix", "linux", "ios", "android" of "onbekend"
  • browser.osFull - geeft de volledige naam van de werking van het systeem, zoals "Windows", "Mac OS X", "Cros", "Unix", "Linux", "iOS", "Android" of "Onbekend"
  • browser.osVersion - geeft de versie van het besturingssysteem reeks, zoals "7" voor Windows 7, "4.2" voor Android 4.2, etc.
  • browser.device - geeft de korte naam van het mobiele apparaat, zoals "iPhone", "iPad", "iPod", "blackberry" of "aansteken"
  • browser.deviceFull - geeft de volledige naam van het mobiele apparaat, zoals "iPhone", "iPad", "iPod", "BlackBerry" of "Kindle"
  • browser.supports.CSS_PROP - zoals browser.supports.opacity, browser.supports.gradient etc. Alleen vooraf gedefinieerde eigenschappen worden aangehouden ( "Common CSS-eigenschappen" lijst). Houdt u er rekening mee dat het tweede woord moeten worden gekapitaliseerd als textShadow, borderRadius, boxSizing etc.
  • browser.mode - returns "desktop", "tablet" of "telefoon" volgens de huidige breedte van het venster
  • browser.orientation - browservenster oriëntatie als "landschap" of "Portrait"
  • browser.cookieEnabled - geeft true als cookies zijn ingeschakeld in browser
  • browser.flashEnabled - geeft true als Flash Player is geïnstalleerd en ingeschakeld in browser
  • browser.javaEnabled - geeft true als Java is geïnstalleerd en ingeschakeld in browser
  • browser.width() - geeft de breedte van de browser
  • browser.height() - geeft de hoogte van de browser
  • browser.supports("css-prop") - bepalen of browser ondersteunt het pand CSS.

Responsive Utilities

CSS / JS Browser Determiner is ook ondersteunt fundamenteel reageren Hulpprogramma voor snellere mobiele-vriendelijke ontwikkeling. U kunt CSS selectors gebruiken om de desktop, tablet of telefoon platform te bepalen. Het kan nuttig zijn als u responsieve ondersteuning in Internet Explorer 8 (of minder), die niet ondersteunt CSS3 Media Queries nodig.

Live demo en volledige documentatie

Changelog

Versie 2.3 | 6 februari 2014
- Minor bugfixes

Versie 2.2 | 15 december 2013
- Fixed flash detectie
- Andere bugfixes

Versie 2.1 | 15 oktober 2013
- Vaste detectie van Opera 15+, IE 11
- Switched terug naar "ie" woning "MSIE" in JavaScript API (dus nu is het browser.ie )

Versie 2.0.3 | 29 mei 2013
- Live-oriëntatie (landschap, portret) Update voor CSS

Versie 2.0.2 | 24 mei 2013
- Vaste detectie van mobiele apparaten

Versie 2.0.1 | 11 mei 2013
- Opera is verhuizen naar WebKit snel, dus nu zijn we klaar voor!
- Fixed een link naar de documentatie (verhuisd naar een nieuw domein)

Versie 2.0 | 23 januari 2013
- Total herwerking almoust van de grond af
- Nog krachtiger. Toegevoegde ondersteuning van nieuwe browsers, OS, layout motoren, apparaten en andere functies
- Nieuwe detectiealgoritme
- Nu kunt u versie van OS en de layout engine te detecteren met zowel CSS en JavaScript
- Bijgewerkte demo
- Nieuwe testing tool toegevoegd (zie live preview)
- Vervangen Firefox browser naam van ".mozilla" naar ".firefox"
- Vervangen "ie" aan "MSIE" in JavaScript API (dus nu is het browser.msie )
- Vervangen Mac OS uit ".Mac" naar ".macos"
- Dezelfde 4KB (minified)!

Versie 1.0.5 | 1 januari 2013
- Fixed window breedtedetectie

Versie 1.0.4 | 28 december 2012
- Toegevoegd OS: Win8, Win7, Vista, XP
- Toegevoegd Retina displays detectie

Versie 1.0.3 | 27 december 2012
- Toegevoegd iOS detectie ondersteuning
- Fixed kritieke bug in Safari browsers
- Andere wijzigingen en bug fixes


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
26 december 12

Laatste Update:
23 juni 14

Compatibel Browsers:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Inbegrepen:
JavaScript JS

Software Version:
jQuery, MooTools 1.2, MooTools 1.3, MooTools 1.4, 1.4.5 MooTools, YUI 2, YUI 3, EXT JS 3, EXT JS 4, script.aculo.us 1.9, script.aculo.us 2.0, Other

Trefwoorden

e-commerce, e-commerce, alle items, browser detectie, css, javascript, manuscript, selector, userAgent