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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Este ușor (gzip 2KB sau 3,8kb minified) JavaScript detector browser care poate fi utilizat în toate proiectele dvs. de web. Este creat pentru a vă ajuta să scrie CSS sau cod JavaScript pentru orice browser specific, versiunea de browser sau fleacuri într-un mod foarte usor. Detect motor aspect, sistem de operare, suport pentru caracteristici CSS și mai mult.

Este o soluție indispensabil pentru construirea site-uri web cross-browser si cross-platform și web-aplicații.

Cum funcționează? Foarte simplu. Acesta generează o listă de clase cu informații detaliate despre browser, motor layout, OS, dispozitivul și apoi ataseaza-l la <html> tag.

Spre deosebire de bine-cunoscut Modernizr, CSS / JS Browser determinant este mai mult axat nu pe caracteristicile browser, dar pe browser-ul și aparatul în sine. Dar determină, de asemenea, sprijinul caracteristici comune CSS.

Detectarea Browser Cu 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! 

Detectarea browser cu 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 } 

Și mult-mult mai mult.

Toate selectoare CSS

  • Browsere - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Versiunea de browser cum ar fi: firefox18, firefox18-, firefox18_0 (dar NU firefox18_0- sau firefox18_0_1234 sau firefox18_0a1 )
  • Motoarele Layout: webkit, gecko, trident, presto, khtml
  • Versiunea aspect cum ar fi: gecko18, gecko18_0 (dar NU gecko18- sau gecko18_0_1 sau gecko18_0a1 )
  • Dispozitive mobile: iphone, ipod, ipad, blackberry, kindle
  • Sisteme de operare: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • De bază CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Sau no-gradient, no-borderimage etc...
  • Altele:
    • pc, mobile (orice calculator non-mobil sau Mobile Device)
    • desktop, tablet, phone (în funcție de lățimea ferestrei)
    • landscape, portrait (orientarea viewport, în funcție de lățimea și înălțimea ferestrei)
    • retina, touchscreen (sau no-retina, no-touchscreen )
    • cookie, flash, java (sau no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - returnează true dacă este un browser modern. Depinde dacă browserul acceptă proprietatea CSS3 tranziție
  • browser.is_old - opus browser.is_modern
  • browser.is_mobile - returnează true dacă este un dispozitiv mobil
  • browser.is_pc - orice computer non-mobile, inclusiv Mac OS
  • browser.is_desktop - latime fereastra 980px și mai
  • browser.is_tablet - latime fereastra 768px la 979px
  • browser.is_phone - Lățimea ferestrei este 767px sau mai puțin
  • browser.is_retina - returnează true dacă este Retina Display
  • browser.is_touchscreen - - returnează adevărat dacă e dispozitiv touchscreen
  • browser.name - numele browser-ului
  • browser.NAME - ca browser.ie, browser.firefox etc. Returneaza true sau nedefinită
  • browser.nameFull - returnează numele complet al browser-ului cum ar fi "Firefox", "Internet Explorer" etc.
  • browser.version - versiunea a browser-ului
  • browser.layout - numele motorului aspect, cum ar fi "WebKit", "gecko", "Trident", "Presto", "khtml" sau "necunoscut"
  • browser.LAYOUT_NAME - ca browser.webkit, browser.gecko etc. Returneaza true sau nedefinită
  • browser.layoutFull - numele complet al motorului aspect, cum ar fi "WebKit", "Gecko", "Trident", "Presto", "KHTML" sau "Unknown"
  • browser.layoutVersion - versiunea a motorului aspect, cum ar fi "533.1" pentru WebKit / 533.1, "18,0", pentru Gecko / 18,0, "18.0a1pre" pentru Gecko 18.0 Alpha 1 pre etc.
  • browser.os - returnează numele scurt al sistemului de operare, cum ar fi "ferestre", "MacOS", "CROS", "unix", "linux", "IOS", "android" sau "necunoscut"
  • browser.osFull - returnează numele complet al sistemului de operare, cum ar fi "Windows", "Mac OS X", "CrOS", "Unix", "Linux", "iOS", "Android" sau "Unknown"
  • browser.osVersion - returnează șirul versiunea sistemului de operare, cum ar fi "7" pentru Windows 7, "4.2" pentru Android 4.2, etc.
  • browser.device - returnează numele scurt al dispozitivului mobil, cum ar fi "iPhone", "iPad", "ipod", "mur" sau "aprinde"
  • browser.deviceFull - returnează numele complet al dispozitivului mobil, cum ar fi "iPhone", "iPad", "iPod", "BlackBerry" sau "Kindle"
  • browser.supports.CSS_PROP - ca browser.supports.opacity, browser.supports.gradient etc. proprietăți Numai predefinite sunt alowed ( "proprietăți comune CSS" lista). Vă rugăm să rețineți că al doilea cuvânt trebuie capitalizate ca textShadow, borderRadius, boxSizing etc.
  • browser.mode - randamente "desktop", "tabletă" sau "telefon", în conformitate lățimea curentă a ferestrei
  • browser.orientation - browser orientare fereastră ca "peisaj" sau "portret"
  • browser.cookieEnabled - returnează true dacă cookie-urile sunt activate în browserul
  • browser.flashEnabled - returnează adevărat dacă este instalat Flash Player și activat în browser-
  • browser.javaEnabled - returnează adevărat dacă JAVA este instalat și activat în browser-ul
  • browser.width() - returnează lățimea browser
  • browser.height() - returnează înălțimea browser
  • browser.supports("css-prop") - a determina dacă browserul acceptă proprietatea CSS.

Utilități Responsive

CSS / JS Browser determinant este, de asemenea, sprijină utilitarul răspund de bază pentru dezvoltare mobile-friendly rapid. Puteți folosi selectori CSS pentru a determina desktop, tableta sau platforma de telefon. Acesta poate fi de ajutor dacă aveți nevoie de sprijin receptiv la Internet Explorer 8 (sau mai puțin), care nu acceptă CSS3 Media Interogări.

Demo live și documentație completă

Changelog

Versiunea 2.3 | 06 februarie 2014
- bugfix minore

Versiunea 2.2 | 15 decembrie 2013
- Detectarea rapidă fix
- alte bugfix

Versiunea 2.1 | 15 octombrie 2013
- Detectarea fix de Opera 15+, IE 11
- Revenit la "adică" proprietate de la "MSIE" în JavaScript API (asa ca acum e browser.ie )

Versiunea 2.0.3 | 29 mai 2013
- Orientarea live (peisaj, portret) update pentru CSS

Versiunea 2.0.2 | 24 mai 2013
- Detectarea fix de dispozitive mobile

Versiunea 2.0.1 | 11 mai 2013
- Opera se muta la WebKit în curând, așa că acum am pregătit pentru asta!
- Fixed un link la documentația (mutat într-un nou domeniu)

Versiunea 2.0 | 23 ianuarie 2013
- Almoust totală remaniere de la sol în sus
- Chiar mai puternic. Adăugat suport de noi browsere, OS, motoare aspect, dispozitive și alte caracteristici
- Algoritm de detectare New
- Acum puteți detecta versiunea de OS și motor aspect cu atât CSS și JavaScript
- demonstrații Actualizat
- New instrument de testare a adăugat (vezi preview live)
- Înlocuit Firefox nume browser de la ".mozilla" la ".firefox"
- Înlocuit ", adică" de proprietate la "MSIE" în JavaScript API (asa ca acum e browser.msie )
- Înlocuit Mac OS de la ".Mac" la ".macos"
- Același 4KB (minified)!

Versiunea 1.0.5 | o ianuarie 2013
- Fereastra fixă ​​lățime de detectare

Versiunea 1.0.4 | 28 decembrie 2012
- Adaugat OS: Win8, Win7, Vista, XP
- Detectare afișează Adaugat Retina

Versiunea 1.0.3 | 27 decembrie 2012
- Sprijin detectare Adăugat iOS
- Bug critic fixe cu browsere Safari
- Alte modificări și repararea bug-urilor


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Create:
26 decembrie 12

Ultima actualizare:
23 iunie 14

Browsere compatibile:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, fișiere incluse

Software Version:
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, Altele

Cuvinte cheie

eCommerce, eCommerce, toate produsele, detectarea browser, css, javascript, script-ul, selector, UserAgent