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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

E 'leggero (2kb gzip o 3,8kb minified) rivelatore del browser JavaScript che può essere utilizzato in tutti i vostri progetti web. E 'creato per aiutare a scrivere i CSS o il codice JavaScript per qualsiasi browser specifico, versione del browser o roba del genere in un modo molto semplice. Rileva motore di layout, sistema operativo, il supporto per le funzionalità CSS e altro ancora.

E 'una soluzione indispensabile per costruire siti web cross-browser e cross-platform e applicazioni web.

Come funziona? Molto semplice. Si genera un elenco delle classi, con informazioni dettagliate su di browser, motore di layout, OS, il dispositivo e poi attacca a tag <html>.

A differenza noto Modernizr, il CSS / JS Browser Determiner è per lo più concentrata non sulle funzioni del browser, ma sul browser e il dispositivo stesso. Ma determina anche il supporto di caratteristiche comuni CSS.

Detection Browser Con i 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 con 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 } 

E molto, molto di più.

Tutti i selettori CSS

  • Browser - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Versione del browser come: firefox18, firefox18-, firefox18_0 (ma NON firefox18_0- o firefox18_0_1234 o firefox18_0a1 )
  • Motori di layout: webkit, gecko, trident, presto, khtml
  • Versione layout come: gecko18, gecko18_0 (ma NON gecko18- o gecko18_0_1 o gecko18_0a1 )
  • I dispositivi mobili: iphone, ipod, ipad, blackberry, kindle
  • Sistemi operativi: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Base CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Oppure no-gradient, no-borderimage ecc...
  • Altri:
    • pc, mobile (un computer non mobili o mobile device)
    • desktop, tablet, phone (in base alla larghezza della finestra)
    • landscape, portrait (orientamento viewport, in base alla larghezza della finestra e altezza)
    • retina, touchscreen (o no-retina, no-touchscreen )
    • cookie, flash, java (o no-cookie, no-flash, no-java )

API JavaScript

  • browser.is_modern - restituisce true se si tratta di un browser moderno. Dipende se il browser supporta la proprietà di transizione CSS3
  • browser.is_old - opposto di browser.is_modern
  • browser.is_mobile - restituisce true se si tratta di un dispositivo mobile
  • browser.is_pc - qualsiasi computer non mobili, tra cui Mac OS
  • browser.is_desktop - larghezza della finestra 980px e più
  • browser.is_tablet - larghezza della finestra 768px a 979px
  • browser.is_phone - larghezza della finestra è 767px o meno
  • browser.is_retina - restituisce true se si tratta di display Retina
  • browser.is_touchscreen - - restituisce true se si tratta di dispositivo touchscreen
  • browser.name - il nome del browser
  • browser.NAME - come browser.ie, browser.firefox ecc Restituisce vero o non definito
  • browser.nameFull - restituisce il nome completo del browser come "Firefox", "Internet Explorer", ecc
  • browser.version - la versione del browser
  • browser.layout - il nome del motore di layout, come "WebKit", "Gecko", "tridente", "presto", "khtml" o "sconosciuti"
  • browser.LAYOUT_NAME - come browser.webkit, browser.gecko ecc Restituisce vero o non definito
  • browser.layoutFull - nome completo del motore di layout, come "WebKit", "Gecko", "Trident", "Presto", "KHTML" o "Sconosciuto"
  • browser.layoutVersion - la versione del motore di layout, come "533,1" per WebKit / 533,1, "18,0" per Gecko / 18.0, "18.0a1pre" per Gecko 18,0 Alpha 1 pre etc.
  • browser.os - restituisce il nome breve del sistema operativo, come "finestre", "MacOS", "Cros", "unix", "linux", "ios", "android" o "sconosciuti"
  • browser.osFull - restituisce il nome completo del sistema operativo, come "Windows", "Mac OS X", "Cros", "Unix", "Linux", "IOS", "Android" o "Sconosciuto"
  • browser.osVersion - restituisce la stringa della versione del sistema operativo, come "7" per Windows 7, "4.2" per Android 4.2, ecc
  • browser.device - restituisce il nome breve del dispositivo mobile, come "iphone", "iPad", "ipod", "blackberry" o "accendere"
  • browser.deviceFull - restituisce il nome completo del dispositivo mobile, come "iPhone", "iPad", "iPod", "BlackBerry" o "Kindle"
  • browser.supports.CSS_PROP - come browser.supports.opacity, browser.supports.gradient ecc proprietà solo predefinite sono alowed ( "Proprietà comuni CSS" lista). Si prega di notare che la seconda parola deve essere maiuscola come textshadow, borderRadius, boxSizing etc.
  • browser.mode - restituisce "desktop", "tablet" o "cellulare" secondo la larghezza corrente della finestra
  • browser.orientation orientamento finestra del browser come "paesaggio" o "ritratto" -
  • browser.cookieEnabled - restituisce true se i cookie sono abilitati sul browser
  • browser.flashEnabled - Restituisce true se è installato Flash Player e abilitato in del browser
  • browser.javaEnabled - restituisce true se Java è installato e abilitato in del browser
  • browser.width() - restituisce la larghezza del browser
  • browser.height() - restituisce l'altezza del browser
  • browser.supports("css-prop") - a determinare se il browser supporta la proprietà CSS.

Utilities Responsive

CSS / JS Browser Determiner è supporta anche programmi di utilità reattive di base per lo sviluppo di mobile-friendly più veloce. È possibile utilizzare selettori CSS per determinare desktop, tablet o piattaforma di telefonia. Può essere utile se avete bisogno di supporto reattivo in Internet Explorer 8 (o meno), il che non supporta CSS3 media query.

Demo Live e documentazione completa

Changelog

Versione 2.3 | 6 febbraio 2014
- Minor bugfixes

La versione 2.2 | 15 dicembre 2013
- Rilevamento Flash fisso
- altri bugfix

Versione 2.1 | 15 ottobre 2013
- Rilevamento fisso di Opera 15+, IE 11
- Switched torna a "cioè" proprietà da "MSIE" in JavaScript API (così ora è browser.ie )

Versione 2.0.3 | 29 Maggio 2013
- L'orientamento in diretta (paesaggio, ritratto) aggiornamento per i CSS

Versione 2.0.2 | 24 maggio 2013
- Rilevamento fisso di dispositivi mobili

Versione 2.0.1 | 11 mag 2013
- Opera si sta muovendo per WebKit presto, quindi ora siamo pronti per questo!
- Corretto un link alla documentazione (spostato in un nuovo dominio)

Versione 2.0 | 23 gennaio 2013
- Totale almoust rielaborazione da zero
- Ancora più potente. Aggiunto il supporto di nuovi browser, sistema operativo, motori di layout, dispositivi e altre caratteristiche
- Nuovo algoritmo di rilevamento
- Ora è possibile rilevare la versione del sistema operativo e motore di layout sia con i CSS e JavaScript
- demo Aggiornato
- Nuovo strumento di test aggiunto (vedi anteprima Live)
- Sostituito Firefox nome del browser da ".mozilla" a ".firefox"
- Sostituito "vale a dire" la struttura a "MSIE" di API JavaScript (così ora è browser.msie )
- Sostituito Mac OS da ".mac" a ".macos"
- Lo stesso 4kb (ridotte di)!

Versione 1.0.5 | 1 gennaio 2013
- Rilevamento larghezza della finestra fissa

Versione 1.0.4 | 28 dicembre 2012
- Aggiunto OS: Win8, win7, Vista, XP
- Rilevamento display Retina Aggiunto

Versione 1.0.3 | 27 dicembre 2012
- Supporto di rilevamento aggiunto iOS
- Fixed bug critico con i browser Safari
- Altre variazioni e correzioni di bug


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
26 dicembre 12

Ultimo aggiornamento:
23 Giugno 14

browser compatibili:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, File inclusi

versione software:
jQuery, MooTools 1.2, MooTools 1.3, 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, Altro

Parole chiave

eCommerce, eCommerce, tutti gli articoli, il browser di rilevazione, CSS, Javascript, sceneggiatura, selettore, userAgent