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 til WorldWideScripts.net

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Det er let (2 kb komprimerat eller 3,8kb minified) JavaScript browser detektor, der kan bruges i alle dine web-projekter. Det er skabt til at hjælpe dig til at skrive CSS eller JavaScript-kode for en bestemt browser, version af browseren eller whatnot i en meget nem måde. Detect layout motor, OS, støtte til CSS funktioner og mere.

Det er absolut nødvendigt løsning til opbygning af cross-browser og cross-platform web-sites og web-applikationer.

Sådan virker det? Meget enkel. Det genererer en liste over klasser med detaljerede oplysninger om browser, layout motor, OS, enheden og derefter lægger den til <html> tag.

I modsætning til kendte Modernizr, CSS / JS Browser Determiner er for det meste fokuseret ikke på browseren funktioner, men på browseren og selve enheden. Men det bestemmer også støtte for fælles CSS funktioner.

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

Og meget-meget mere.

Alle CSS selektorer

  • Browsere - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Browserversion som: firefox18, firefox18-, firefox18_0 (men IKKE firefox18_0- eller firefox18_0_1234 eller firefox18_0a1 )
  • Layout motorer: webkit, gecko, trident, presto, khtml
  • Layout-version som: gecko18, gecko18_0 (men IKKE gecko18- eller gecko18_0_1 eller gecko18_0a1 )
  • Mobile enheder: iphone, ipod, ipad, blackberry, kindle
  • Operativsystemer: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Grundlæggende CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Eller no-gradient, no-borderimage etc...
  • Andre:
    • pc, mobile (alle ikke-mobile computer eller mobil enhed)
    • desktop, tablet, phone (ifølge vindue bredde)
    • landscape, portrait (viewport orientering, ifølge vindue bredde og højde)
    • retina, touchscreen (eller no-retina, no-touchscreen )
    • cookie, flash, java (eller no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - returnerer sand, hvis det er en moderne browser. Afhænger af, om browseren understøtter CSS3 overgang ejendom
  • browser.is_old - modsatte af browser.is_modern
  • browser.is_mobile - returnerer sand, hvis det er en mobil enhed
  • browser.is_pc - alle ikke-mobile computer, herunder Mac OS
  • browser.is_desktop - vindue bredde 980px og mere
  • browser.is_tablet - vindue bredde 768px til 979px
  • browser.is_phone - vindue bredden er 767px eller mindre
  • browser.is_retina - returnerer sand, hvis det er Retina skærm
  • browser.is_touchscreen - - returnerer true, hvis det er touchscreen-enhed
  • browser.name - navnet på den browser
  • browser.NAME - lignende browser.ie, browser.firefox osv Returnerer true eller udefineret
  • browser.nameFull - returnerer det fulde navn på den browser som "Firefox", "Internet Explorer" osv
  • browser.version - den version af browseren
  • browser.layout - navnet på layoutet motor, som "WebKit", "Gecko", "trident", "presto", "khtml" eller "ukendt"
  • browser.LAYOUT_NAME - lignende browser.webkit, browser.gecko osv Returnerer true eller udefineret
  • browser.layoutFull - fulde navn på den layout motor, som "WebKit", "Gecko", "Trident", "Presto", "KHTML" eller "Ukendt"
  • browser.layoutVersion - den version af layout motor, som "533,1" for WebKit / 533,1, "18,0" for Gecko / 18,0, "18.0a1pre" for Gecko 18,0 Alpha 1 pre etc.
  • browser.os - returnerer det korte navn på operativsystem, som "vinduer", "MacOS", "Cros", "unix", "linux", "ios", "android" eller "ukendt"
  • browser.osFull - returnerer det fulde navn på operativsystemet, som "Windows", "Mac OS X", "CRO'er", "Unix", "Linux", "iOS", "Android" eller "Ukendt"
  • browser.osVersion - returnerer OS-version strengen, som "7" til Windows 7, "4.2" til Android 4.2 mm
  • browser.device - returnerer det korte navn på den mobile enhed, som "iphone", "ipad", "ipod", "blackberry" eller "tænde"
  • browser.deviceFull - returnerer det fulde navn på den mobile enhed, som "iPhone", "iPad", "iPod", "BlackBerry" eller "Kindle"
  • browser.supports.CSS_PROP - ligesom browser.supports.opacity er browser.supports.gradient etc. Kun foruddefinerede egenskaber alowed ( "Fælles CSS egenskaber" liste). Bemærk, at det andet ord skal kapitaliseres som textShadow, borderRadius, boxSizing etc.
  • browser.mode - returnerer "skrivebordet", "tablet" eller "telefon" i henhold til den aktuelle bredde af vinduet
  • browser.orientation - browservindue orientering som "landskab" eller "portræt"
  • browser.cookieEnabled - returnerer sand, hvis cookies er aktiveret i browseren
  • browser.flashEnabled - returnerer sand, hvis Flash Player er installeret og aktiveret i browseren
  • browser.javaEnabled - returnerer sand, hvis JAVA er installeret og aktiveret i browseren
  • browser.width() - returnerer bredden af browseren
  • browser.height() - returnerer højden af browseren
  • browser.supports("css-prop") - afgøre, om browseren understøtter CSS ejendom.

Responsive Hjælpeprogrammer

CSS / JS Browser Determiner er også understøtter grundlæggende responsive utilites for hurtigere mobil-venlig udvikling. Du kan bruge CSS selektorer til at bestemme skrivebordet, tablet eller telefon platform. Det kan være nyttigt, hvis du har brug for lydhør støtte i Internet Explorer 8 (eller mindre), som ikke understøtter CSS3 Media Forespørgsler.

Live demo og fuld dokumentation

Changelog

Version 2.3 | 6 februar, 2014
- Mindre fejlrettelser

Version 2.2 | 15 Dec 2013
- Fixed flash afsløring
- andre fejlrettelser

Version 2.1 | 15 oktober 2013
- Fast påvisning af Opera 15+, IE 11
- Switched tilbage til "nemlig" ejendom fra "MSIE" i JavaScript API (så nu er det browser.ie )

Version 2.0.3 | 29 maj 2013
- Levende orientering (liggende, stående) opdatering til CSS

Version 2.0.2 | 24 maj 2013
- Fast påvisning af mobile enheder

Version 2.0.1 | 11 maj 2013
- Opera flytter til WebKit snart, så nu er vi klar til det!
- Rettet et link til dokumentation (flyttet til et nyt domæne)

Version 2.0 | 23 Jan 2013
- I alt omarbejdelse almoust fra jorden op
- Endnu mere kraftfuld. Tilføjet understøttelse af nye browsere, OS, layout motorer, udstyr og andre funktioner
- Ny detekteringsalgoritme
- Nu kan du opdage version af OS og layout motor med både CSS og JavaScript
- Opdaterede demoer
- Ny testværktøj tilføjet (se live forhåndsvisning)
- Erstattet Firefox browser navn fra ".mozilla" til ".firefox"
- Erstattet "nemlig" ejendom til "MSIE" i JavaScript API (så nu er det browser.msie )
- Erstattet Mac OS fra ".Mac" til ".macos"
- Den samme 4kb (minified)!

Version 1.0.5 | 1 jan 2013
- Fixed vindue afsløring bredde

Version 1.0.4 | 28 Dec 2012
- Tilføjet OS: Win8, win7, vista, xp
- Tilføjet Retina-skærme afsløring

Version 1.0.3 | 27 Dec 2012
- Tilføjet iOS afsløring support
- Fixed kritisk bug med Safari-browsere
- Andre ændringer og fejlrettelser


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Skabt:
26 December 12, Seneste opdatering

Kompatible Browsere:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Filer Inkluderet

Søgeord

eCommerce, eCommerce, alle varer, browser afslø, re, css, javascript, script, selector, UserAgent