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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Jest lekki (spakowane 2Kb lub 3,8kb minified) Detektor przeglądarce obsługę skryptów JavaScript, który może być stosowany we wszystkich swoich projektach internetowych. Jest on tworzony, aby pomóc Ci napisać CSS lub kod JavaScript do konkretnej przeglądarki, wersja przeglądarki lub cokolwiek w bardzo łatwy sposób. Wykrywanie silnik układ, OS, wsparcie dla funkcji CSS i inne.

Jest to niezbędne rozwiązanie dla budowy różnych przeglądarkach i wieloplatformowych stron internetowych i web-aplikacji.

Jak to działa? Bardzo proste. Generuje listę klas szczegółowe informacje o przeglądarce, silnika, układu, systemu operacyjnego, a następnie przykłada urządzenie do tagu <html>.

W przeciwieństwie do znanego Modernizr, CSS / JS Przeglądarka Determiner koncentruje się głównie na cechach nie przeglądarki, ale w przeglądarce i samego urządzenia. Ale również określa wsparcie wspólnych cech CSS.

Wykrywanie Browser z 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! 

Przeglądarka Wykrywanie Z 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 wiele, wiele więcej.

Wszystkie selektory CSS

  • Przeglądarki - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Wersja przeglądarki, takie jak: firefox18, firefox18-, firefox18_0 (ale nie firefox18_0- lub firefox18_0_1234 lub firefox18_0a1 )
  • Silniki układu: webkit, gecko, trident, presto, khtml
  • Wersja Układ jak: gecko18, gecko18_0 (ale nie gecko18- lub gecko18_0_1 lub gecko18_0a1 )
  • Urządzenia mobilne: iphone, ipod, ipad, blackberry, kindle
  • Systemy operacyjne: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Podstawowe CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Albo no-gradient, no-borderimage itp...
  • Inne:
    • pc, mobile (dowolne urządzenie bez komputera lub telefonu komórkowego)
    • desktop, tablet, phone (wg szerokości okna)
    • landscape, portrait (orientacja rzutnia, według szerokości i wysokości okna)
    • retina, touchscreen (lub no-retina, no-touchscreen )
    • cookie, flash, java (lub no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - zwraca prawdę, jeśli jest to nowoczesna przeglądarka. Zależy od tego, czy przeglądarka obsługuje CSS3 przejścia własności
  • browser.is_old - przeciwieństwo browser.is_modern
  • browser.is_mobile - zwraca prawdę, jeśli jest to urządzenie przenośne
  • browser.is_pc - nie każdego komputera mobilnego, w tym Mac OS
  • browser.is_desktop - szerokość okna 980px i więcej
  • browser.is_tablet - szerokość okna 768px do 979px
  • browser.is_phone - szerokość okna jest 767px lub mniej
  • browser.is_retina - zwraca true jeśli wyświetlacz Retina jest
  • browser.is_touchscreen - - zwraca prawdę, jeśli jest to urządzenie z ekranem dotykowym
  • browser.name - nazwa przeglądarce
  • browser.NAME - jak browser.ie, browser.firefox itp Zwraca true lub undefined
  • browser.nameFull - zwraca pełną nazwę przeglądarki, takich jak "Firefox", "Internet Explorer", etc.
  • browser.version - wersja przeglądarki
  • browser.layout - nazwa silnika układu, jak "WebKit", "gekon", "Trident", "Presto", "KHTML" lub "nieznana"
  • browser.LAYOUT_NAME - jak browser.webkit, browser.gecko itp Zwraca true lub undefined
  • browser.layoutFull - pełna nazwa silnika układu, jak "WebKit", "Gecko", "Trident", "Presto", "KHTML" czy "nieznane"
  • browser.layoutVersion - wersja silnika układu, jak "533,1" dla WebKit / 533,1 ", 18,0" / 18,0 dla Gecko, "18.0a1pre" dla Gecko 18.0 Alpha 1 pre etc.
  • browser.os - zwraca skróconą nazwę systemu operacyjnego, jak "okna", "MacOS", "Cros", "UNIX", "linux", "ios", "android" czy "nieznane"
  • browser.osFull - zwraca pełną nazwę systemu operacyjnego, takich jak "Windows", "Mac OS X", "Cros", "Unix", "Linux", "iOS", "Android" czy "nieznane"
  • browser.osVersion - zwraca łańcuch wersji OS, podobnie jak "7" dla systemu Windows 7, "4,2" Android 4.2 itd
  • browser.device - zwraca skróconą nazwę urządzenia mobilnego, jak "iPhone", "ipad", "iPod", "blackberry" lub "wzniecić"
  • browser.deviceFull - zwraca pełną nazwę urządzenia mobilnego, jak "iPhone", "iPad", "iPod", "BlackBerry" lub "Kindle"
  • browser.supports.CSS_PROP - jak browser.supports.opacity, browser.supports.gradient itp Tylko predefiniowanych właściwości są alowed ( "Wspólne właściwości CSS" listy). Należy pamiętać, że drugie słowo musi być kapitalizowane jak textShadow, borderRadius, boxSizing itp
  • browser.mode - wraca "pulpit", "tabletka" lub "telefon", zgodnie z aktualnym szerokości okna
  • browser.orientation - przeglądarka orientacji okno jak "krajobraz" lub "portret"
  • browser.cookieEnabled - zwraca prawdę, jeśli pliki cookie są włączone w przeglądarce
  • browser.flashEnabled - zwraca prawdę, jeśli jest zainstalowany Flash Player oraz włączona w przeglądarce
  • browser.javaEnabled - zwraca true jeśli JAVA jest zainstalowana i włączona w przeglądarce
  • browser.width() - zwraca szerokość przeglądarki
  • browser.height() - zwraca wysokość przeglądarki
  • browser.supports("css-prop") - określa, czy przeglądarka obsługuje właściwości CSS.

Narzędzia reagujące

CSS / JS Przeglądarka Determiner obsługuje podstawowe jest również reagujących na szybsze utilites rozwoju mobilnego w obsłudze. Możesz użyć selektorów CSS w celu ustalenia stacjonarnego, tabletu lub platformy telefonu. Może to być przydatne, gdy trzeba czułe wsparcie w Internet Explorer 8 (lub mniej), które nie obsługuje CSS3 mediów zapytań.

Na żywo demo i pełna dokumentacja

Lista zmian

Wersja 2.3 | 06 lutego 2014
- Drobne poprawki

Wersja 2.2 | 15 grudnia 2013
- Wykrywanie Naprawiono błysku
- inne poprawki

Wersja 2.1 | 15 października 2013
- Poprawiono wykrywanie Opera 15+, IE 11
- Switched powrotem do "czyli" własności "MSIE" z API JavaScript (tak, teraz to browser.ie )

Wersja 2.0.3 | 29 maja 2013
- Orientacja na żywo (krajobraz, portret) Aktualizacja dla CSS

Wersja 2.0.2 | 24 maja 2013
- Poprawiono wykrywanie urządzeń mobilnych

Wersja 2.0.1 | 11 maja 2013
- Opera porusza się WebKit szybko, więc teraz mamy na to gotowy!
- Poprawiono link do dokumentacji (przeniesione do nowej domeny)

Wersja 2.0 | 23 stycznia 2013
- Razem almoust przeróbką od podstaw
- Jeszcze bardziej wydajne. Dodano obsługę nowych przeglądarek, OS, silników, urządzeń i układu innych funkcji
- Nowy algorytm detekcji
- Teraz można wykryć wersję systemu operacyjnego i silnik układu zarówno CSS i JavaScript
- Aktualizacja dema
- Nowe narzędzie do testowania dodanej (patrz Podgląd obrazu na żywo)
- Wymieniłem nazwę przeglądarki Firefox z ".mozilla" do ".firefox"
- Wymieniłem "czyli" własności do "MSIE" w API JavaScriptu (tak teraz jest browser.msie )
- Wymieniłem Mac OS od ".Mac" do ".macos"
- To samo 4KB (minified)!

Wersja 1.0.5 | 01 stycznia 2013
- Poprawiono wykrywanie szerokości okna

Wersja 1.0.4 | 28 grudnia 2012
- Dodane OS: Win8, Win7, Vista, XP
- Wykrywanie wyświetlacze Dodane Retina

Wersja 1.0.3 | 27 grudnia 2012
- Wsparcie wykrywania Dodane iOS
- Naprawiono błąd z przeglądarek krytyczne Safari
- Inne zmiany i poprawki


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Utworzony:
26 grudnia 12

Ostatnia aktualizacja:
23 czerwca 14

Zgodne przeglądarki:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Google Chrome

Pliki wliczony:
JavaScript JS

Wersja oprogramowania:
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, Inne

Słowa kluczowe

e-commerce, e-commerce, wszystkie przedmioty, wykrywania przeglądarki, CSS, JavaScript, skrypt, selektor, userAgent