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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Det är lätt (2 kb gzippat eller 3,8kb minified) JavaScript webbläsare detektor som kan användas i alla dina webbprojekt. Det är skapat för att hjälpa dig att skriva CSS eller JavaScript-kod för någon specifik webbläsare, version av webbläsare eller allt på ett mycket enkelt sätt. Identifiera layout motor, OS, stöd för CSS funktioner och mycket mer.

Det är absolut nödvändigt lösning för att bygga olika webbläsare och plattformsoberoende webbplatser och webbapplikationer.

Hur det fungerar? Mycket enkelt. Det genererar en lista över klasser med detaljerad information om webbläsaren, layout motor, OS, enheten och sedan lägger den till <html> taggen.

Till skillnad från välkända Modernizr är CSS / JS Browser Determiner främst fokuserad inte på webbläsarfunktioner, men på vilken webbläsare och själva enheten. Men det avgör också stöd av gemensamma 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 } 

Och mycket mycket mer.

Alla CSS-selektorer

  • Webbläsare - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Webbläsare version som: firefox18, firefox18-, firefox18_0 (men inte firefox18_0- eller firefox18_0_1234 eller firefox18_0a1 )
  • Layout motorer: webkit, gecko, trident, presto, khtml
  • Layout version som: gecko18, gecko18_0 (men inte gecko18- eller gecko18_0_1 eller gecko18_0a1 )
  • Mobila enheter: iphone, ipod, ipad, blackberry, kindle
  • Operativsystem: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Grundläggande CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Eller no-gradient, no-borderimage etc...
  • Övrigt:
    • pc, mobile (icke-mobil dator eller mobil enhet)
    • desktop, tablet, phone (enligt fönsterbredd)
    • landscape, portrait (visnings orientering, enligt fönstrets bredd och höjd)
    • retina, touchscreen (eller no-retina, no-touchscreen )
    • cookie, flash, java (eller no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - returnerar true om det är en modern webbläsare. Beror på om webbläsaren stöder CSS3 övergångs egendom
  • browser.is_old - motsatsen till browser.is_modern
  • browser.is_mobile - returnerar sant om det är en mobil enhet
  • browser.is_pc - varje icke-mobil dator, inklusive Mac OS
  • browser.is_desktop - fönsterbredd 980px och mer
  • browser.is_tablet - fönstrets bredd 768px till 979px
  • browser.is_phone - fönsterbredd är 767px eller mindre
  • browser.is_retina - returnerar true om det är Retina-skärmen
  • browser.is_touchscreen - - returnerar sant om det är pekskärmsenheter
  • browser.name - namnet på webbläsaren
  • browser.NAME - som browser.ie, browser.firefox etc. Returnerar sant eller odefinierad
  • browser.nameFull - returnerar det fullständiga namnet på den webbläsare som "Firefox", "Internet Explorer" etc.
  • browser.version - den version av webbläsaren
  • browser.layout - namnet på layoutmotorn, som "webkit", "gecko", "treudd", "presto", "khtml" eller "a"
  • browser.LAYOUT_NAME - som browser.webkit, browser.gecko etc. Returnerar sant eller odefinierad
  • browser.layoutFull - fullständiga namn layoutmotorn, som "WebKit", "Gecko", "Trident", "Presto", "KHTML" eller "Okänd"
  • browser.layoutVersion - den version av layoutmotorn, som "533,1" för WebKit / 533,1, "18,0" för Gecko / 18.0, "18.0a1pre" för Gecko 18,0 Alpha 1 pre etc.
  • browser.os - returnerar kortnamnet på operativsystem, som "fönster", "MacOS", "Cros", "unix", "linux", "ios", "android" eller "okänd"
  • browser.osFull - returnerar det fullständiga namnet på operativsystemet, som "Windows", "Mac OS X", "Cros", "Unix", "Linux", "iOS", "Android" eller "Okänd"
  • browser.osVersion - returnerar OS-version sträng, som "7" för Windows 7, "4.2" för Android 4.2 mm
  • browser.device - returnerar kortnamnet på den mobila enheten, som "iPhone", "ipad", "iPod", "björnbär" eller "tända"
  • browser.deviceFull - returnerar det fullständiga namnet på den mobila enheten, som "iPhone", "iPad", "iPod", "BlackBerry" eller "Kindle"
  • browser.supports.CSS_PROP - som browser.supports.opacity är browser.supports.gradient etc. Endast fördefinierade egenskaper indelningen ( "Gemensamma CSS-egenskaper" listan). Observera att det andra ordet ska aktiveras som textShadow, borderRadius, boxSizing etc.
  • browser.mode - avkastning "skrivbord", "tablet" eller "telefon" enligt den nuvarande bredden på fönstret
  • browser.orientation - webbläsarfönster orientering som "landskap" eller "porträtt"
  • browser.cookieEnabled - returnerar true om cookies är aktiverade i webbläsaren
  • browser.flashEnabled - returnerar True om Flash Player installerad och aktiverad i webbläsaren
  • browser.javaEnabled - returnerar true om JAVA är installerad och aktiverad i webbläsaren
  • browser.width() - returnerar bredden i webbläsaren
  • browser.height() - returnerar höjden i webbläsaren
  • browser.supports("css-prop") - avgöra om webbläsaren stöder CSS egendom.

Responsive Verktyg

CSS / JS Browser Determiner är också stöder grundläggande lyhörda utilites för snabbare mobilvänlig utveckling. Du kan använda CSS-väljare för att bestämma skrivbordet, surfplatta eller telefon plattform. Det kan vara till hjälp om du behöver lyhörd stöd i Internet Explorer 8 (eller mindre), som inte stödjer CSS3 Media Frågor.

Live demo och fullständig dokumentation

Ändringslogg

Version 2.3 | 6 FEBRUARI 2014
- Mindre buggfixar

Version 2.2 | 15 Dec 2013
- Fast blixt detektion
- andra buggfixar

Version 2.1 | 15 oktober 2013
- Fast upptäckt av Opera 15+, IE 11
- Switched tillbaka till "det vill säga" egendom från "MSIE" i JavaScript API (så nu är det browser.ie )

Version 2.0.3 | 29 maj 2013
- Live orientering (landskap, porträtt) uppdatering för CSS

Version 2.0.2 | 24 maj 2013
- Fast detektion av mobila enheter

Version 2.0.1 | 11 maj 2013
- Opera flyttar till WebKit snart, så nu är vi redo för det!
- Fast en länk till dokumentationen (flyttad till en ny domän)

Version 2.0 | 23 Jan 2013
- Total omarbetning almoust från grunden
- Ännu mer kraftfull. Lade till stöd för nya webbläsare, operativsystem, layout motorer, enheter och andra funktioner
- Ny upptäckt algoritm
- Nu kan du upptäcka version av OS och layout motor med både CSS och JavaScript
- Uppdaterade demos
- Nya testverktyg till (se Live förhandsvisning)
- Ersatt webbläsaren Firefox namn från ".mozilla" till ".firefox"
- Ersatt "det vill säga" egenskap till "MSIE" i JavaScript API (så nu är det browser.msie )
- Ersatt Mac OS från ".Mac" till ".macos"
- Samma 4KB (minified)!

Version 1.0.5 | 1 jan 2013
- Fast fönsterbredd upptäckt

Version 1.0.4 | 28 Dec 2012
- Lade OS: win8, Win7, Vista, XP
- Lade Retina visar detektion

Version 1.0.3 | 27 Dec 2012
- Lade iOS stöd detektion
- Fast kritisk bugg med Safari-webbläsare
- Övriga ändringar och buggfixar


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
26 December 12, Senast uppdaterad

Nyckelord

e-handel, e-handel, alla artiklar, webblä, sare detektering, css, javascript, manus, vä, ljare, useragent