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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

És lleuger (gzipped 2kb o 3,8kb minified) detector de navegador JavaScript que es pot utilitzar en tots els teus projectes web. Està creat per ajudar a escriure CSS o JavaScript per a qualsevol navegador específic, versió del navegador o el que sigui d'una manera molt fàcil. Detectar motor de disseny, sistema operatiu, suport per a funcions de CSS i més.

És una solució indispensable per a la construcció de cross-browser i multiplataforma llocs web i aplicacions web.

Com funciona? Molt senzill. Genera una llista de les classes amb informació detallada sobre navegador, motor de disseny, SO, dispositiu i després s'uneix a etiqueta <html>.

A diferència coneguda Modernizr, el CSS / JS Browser determinador és principalment enfocada no en les funcions del navegador, però en el navegador i el propi dispositiu. Però també determina el suport de CSS característiques comunes.

Detecció del navegador amb 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! 

Navegador Detecció Amb 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 molt, molt més.

Tots els selectors CSS

  • Navegadors - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Versió del navegador com: firefox18, firefox18-, firefox18_0 (però NO firefox18_0- o firefox18_0_1234 o firefox18_0a1 )
  • Motors de col·locació: webkit, gecko, trident, presto, khtml
  • Versió Layout com: gecko18, gecko18_0 (però NO gecko18- o gecko18_0_1 o gecko18_0a1 )
  • Els dispositius mòbils: iphone, ipod, ipad, blackberry, kindle
  • Sistemes de l'operació: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Bàsica CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. O no-gradient, no-borderimage etc...
  • Altres:
    • pc, mobile (qualsevol equip que no sigui mòbil o dispositiu mòbil)
    • desktop, tablet, phone (d'acord amb l'amplada de la finestra)
    • landscape, portrait (orientació de visualització, d'acord amb l'amplada i l'alçada de la finestra)
    • retina, touchscreen (o no-retina, no-touchscreen )
    • cookie, flash, java (o no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - retorna true si es tracta d'un navegador modern. Depèn de si el navegador suporta la propietat transició CSS3
  • browser.is_old - oposat de browser.is_modern
  • browser.is_mobile - retorna true si es tracta d'un dispositiu mòbil
  • browser.is_pc - qualsevol equip no mòbil, incloent Mac OS
  • browser.is_desktop - amplada de la finestra 980px i més
  • browser.is_tablet - amplada de la finestra 768px a 979px
  • browser.is_phone - amplada de la finestra és 767px o menys
  • browser.is_retina - retorna true si és pantalla Retina
  • browser.is_touchscreen - - retorna true si es tracta de dispositiu de pantalla tàctil
  • browser.name - el nom del navegador
  • browser.NAME - com browser.ie, browser.firefox etc. Retorna true o ​​indefinit
  • browser.nameFull - retorna el nom complet del navegador com "Firefox", "Internet Explorer", etc.
  • browser.version - la versió del navegador
  • browser.layout - el nom del motor de disseny, com "webkit", "gecko", "trident", "prest", "khtml" o "desconegut"
  • browser.LAYOUT_NAME - com browser.webkit, browser.gecko etc. Retorna true o ​​indefinit
  • browser.layoutFull - nom complet del motor de disseny, com "WebKit", "Gecko", "Trident", "Presto", "KHTML" o "Desconegut"
  • browser.layoutVersion - la versió del motor de disseny, com "533.1" per WebKit / 533.1, "18.0" de Gecko / 18.0, "18.0a1pre" per Gecko 18.0 Alpha 1 pre etc.
  • browser.os - retorna el nom curt del sistema de l'operació, com "finestres", "macs", "cros", "unix", "linux", "is", "android" o "desconegut"
  • browser.osFull - retorna el nom complet del sistema operatiu, com "Windows", "Mac OS X", "Cros", "Unix", "Linux", "iOS", "Android" o "Desconegut"
  • browser.osVersion - retorna la cadena de versió del sistema operatiu, com "7" per a Windows 7, "4.2" per Android 4.2, etc.
  • browser.device - retorna el nom curt del dispositiu mòbil, com "iphone", "ipad", "iPod", "mora" o "encendre"
  • browser.deviceFull - retorna el nom del dispositiu sense fils, com "iPhone", "iPad", "iPod", "BlackBerry" o "Kindle"
  • browser.supports.CSS_PROP - com browser.supports.opacity, browser.supports.gradient etc. propietats predefinides Només es alowed ( "propietats CSS comuns" llista). Tingueu en compte que la segona paraula ha de ser capitalitzat com textShadow, borderRadius, boxSizing etc.
  • browser.mode - retorns "d'escriptori", "tablet" o "telèfon", segons l'ample actual de la finestra
  • browser.orientation - navegador orientació finestra com "paisatge" o "retrat"
  • browser.cookieEnabled - retorna true si les galetes estan habilitades al navegador
  • browser.flashEnabled - Retorna true si s'ha instal · lat Flash Player i habilitat al navegador
  • browser.javaEnabled - retorna true si Java està instal·lat i habilitat al navegador
  • browser.width() - retorna l'amplada del navegador
  • browser.height() - retorna l'altura del navegador
  • browser.supports("css-prop") - determinar si el navegador suporta la propietat CSS.

Utilitats Responsive

CSS / JS Browser determinador també és compatible amb utilitats de resposta bàsiques per al desenvolupament mòbil fàcil ràpid. Podeu utilitzar selectors CSS per determinar l'escriptori, tauleta o plataforma de telefonia. Pot ser útil si necessita suport de resposta en Internet Explorer 8 (o menys), el que no suporta CSS3 Mitjans Consultes.

Demostració en directe i la documentació completa

Historial de canvis

Versió 2.3 | 6 febrer 2014
- Correccions d'errors menors

Versió 2.2 | 15 desembre 2013
- Detecció de flash fixa
- Altres correccions d'errors

Versió 2.1 | 15 octubre 2013
- Detecció fixa d'Opera 15+, IE 11
- Commutada de nou a "dir" propietat de "MSIE" a l'API JavaScript (el que ara és browser.ie )

Versió 2.0.3 | 29 maig 2013
- Orientació en viu (paisatge, retrat) actualització per CSS

Versió 2.0.2 | 24 maig 2013
- Detecció fixa dels dispositius mòbils

Versió 2.0.1 | 11 maig 2013
- Opera s'està movent per WebKit aviat, de manera que ara estem preparats per això!
- S'ha corregit un enllaç a la documentació (es va traslladar a un nou domini)

Versió 2.0 | 23 gener 2013
- Almoust total reelaboració des de zero
- Fins i tot més potent. Afegit suport de nous navegadors, US, motors, dispositius de disseny i altres característiques
- Nou algoritme de detecció de
- Ara es pot detectar la versió del sistema operatiu i motor de disseny tant amb CSS i JavaScript
- Donem Actualitzat
- Nova eina de prova afegeix (veure previsualització Live)
- Substituït nom del navegador Firefox de ".mozilla" a ".firefox"
- Substituït ", és a dir" la propietat a "MSIE" en API JavaScript (el que ara és browser.msie )
- Substituït Mac OS de ".Mac" a ".macos"
- El mateix 4Kb (minified)!

Versió 1.0.5 | 1 gener 2013
- Finestra fixa de detecció d'ample

Versió 1.0.4 | 28 desembre 2012
- Afegit OS: Win8, win7, vista, xp
- Agregat pantalles Retina de detecció

Versió 1.0.3 | 27 desembre 2012
- Suport de detecció Afegit iOS
- Corregit error crític amb els navegadors Safari
- Altres canvis i correccions d'errors


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creats:
26 des 12

:
Última Actualització 23 juny 14

Navegadors compatibles:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Arxius inclosos

Versió de programari:
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, Altres

Paraules clau

comerç, electrò, nic, comerç, electrò, nic, tots els articles, detecció, del navegador, css, javascript, escriptura, selector, userAgent