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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Це легкий (2 КБ стиснутий або 3,8kb зменшена) детектор браузера JavaScript, які можуть бути використані у всіх ваших веб-проектів. Він створений, щоб допомогти вам написати CSS або JavaScript код для якого-небудь конкретного браузера, версію браузера або ще багато чого в дуже простий спосіб. Виявлення двигун макета, ОС, підтримку функцій CSS і багато іншого.

Це незамінне рішення для побудови крос-браузерні і крос-платформні веб-сайти і веб-додатків.

Як це працює? Дуже просто. Він генерує список класів з докладною інформацією про браузер, макет двигуна, ОС, пристрій, а потім приєднує його до <HTML> тега.

На відміну відомого Modernizr, CSS / JS-браузер визначник в основному орієнтований не на функцій браузера, але в браузері і самого пристрою. Але це також визначає підтримку загальних особливостей CSS.

Розпізнавання браузера за допомогою 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! 

Браузер виявлення За допомогою 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 } 

І багато-багато іншого.

Всі CSS селектори

  • Браузери - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Версія браузера, як: firefox18, firefox18-, firefox18_0 (але не firefox18_0- або firefox18_0_1234 або firefox18_0a1 )
  • Макет двигуна: webkit, gecko, trident, presto, khtml
  • Макет версія, як: gecko18, gecko18_0 (але не gecko18- або gecko18_0_1 або gecko18_0a1 )
  • Мобільні пристрої: iphone, ipod, ipad, blackberry, kindle
  • Операційні системи: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Основні CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Або no-gradient, no-borderimage т.д....
  • Інші:
    • pc, mobile (будь-який не-мобільний комп'ютер або мобільний пристрій)
    • desktop, tablet, phone (залежно від ширини вікна)
    • landscape, portrait (орієнтація видовий, залежно від ширини вікна і висоту)
    • retina, touchscreen (або no-retina, no-touchscreen )
    • cookie, flash, java (або no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - повертає істину, якщо це сучасний браузер. Залежить від того, чи підтримує браузер властивість CSS3 перехід
  • browser.is_old - навпаки browser.is_modern
  • browser.is_mobile - повертає істину, якщо це мобільний пристрій
  • browser.is_pc - будь-який не-мобільний комп'ютер, у тому числі Mac OS
  • browser.is_desktop - ширина вікна 980px і більше
  • browser.is_tablet - ширина вікна 768px 979px з
  • browser.is_phone - ширина вікна 767px-менш
  • browser.is_retina - повертає істину, якщо це Retina дисплей
  • browser.is_touchscreen - - повертає істину, якщо це сенсорний екран пристрою
  • browser.name - назва браузера
  • browser.NAME - як browser.ie, browser.firefox т.д. Повертає істину або не визначене
  • browser.nameFull - повертає повне ім'я браузера, як "Firefox", "Internet Explorer" і т.д.
  • browser.version - версія браузера
  • browser.layout - ім'я макета двигуна, як "WebKit", "гекон", "тризуб", "Престо", "KHTML" або "невідомо"
  • browser.LAYOUT_NAME - як browser.webkit, browser.gecko т.д. Повертає істину або не визначене
  • browser.layoutFull - повне найменування движок, як "WebKit", "Gecko", "Трайдент", "Престо", "KHTML" або "Невідомий"
  • browser.layoutVersion - версія движок, як "533,1" для WebKit / 533,1, "18,0" для Gecko / 18,0, "18.0a1pre" для Gecko 18,0 Альфа 1 до т.п.
  • browser.os - повертає коротке ім'я операційної системи, як "Windows", "MacOS", "КРОС", "Unix", "Linux", "IOS", "андроїд" або "невідомо"
  • browser.osFull - повертає повне ім'я операційної системи, як "Windows", "Mac OS X", "КРОС", "Unix", "Лінукс", "IOS", "Android" або "Невідомий"
  • browser.osVersion - повертає рядок версії ОС, як "7" для Windows 7 ", 4.2" для Android 4.2 і т.д.
  • browser.device - повертає коротке ім'я мобільного пристрою, як "Iphone", "IPad", "ставку", "ожина" або "запалити"
  • browser.deviceFull - повертає повне ім'я мобільного пристрою, як iPhone "", "Ipad", "IPOD", "BlackBerry" або "Kindle"
  • browser.supports.CSS_PROP - як browser.supports.opacity, browser.supports.gradient т.д. Тільки зумовлені властивості допускаються ( "Загальні властивості CSS" список). Будь ласка, зверніть увагу, що друге слово має бути капіталізовані як textShadow, borderRadius, boxSizing т.д.
  • browser.mode - повертає "робочого столу", "таблетка" або "телефон" відповідно до поточної ширині вікна
  • browser.orientation - браузеру вікно орієнтації, як "пейзаж" або "портрет"
  • browser.cookieEnabled - повертає істину, якщо печиво включений в браузері
  • browser.flashEnabled - Повертає True, якщо встановлений Flash Player і включений в браузері
  • browser.javaEnabled - повертає істину, якщо встановлено JAVA і включений в браузері
  • browser.width() - повертає ширину браузера
  • browser.height() - повертає висоту браузера
  • browser.supports("css-prop") - визначити, чи підтримує браузер властивість CSS.

Чуйний Утиліти

CSS / JS-браузер визначник також підтримує основні відповідні Utilites для більш швидкого мобільного чисті розвитку. Ви можете використовувати CSS селектори для визначення робочого столу, планшет або телефон платформи. Це може бути корисно, якщо вам потрібно активну підтримку в Internet Explorer 8 (або менше), який не підтримує CSS3 Media Queries.

Жива демо і повна документація

Список змін

Версія 2.3 | 6 лютого 2014
- Незначні виправлення

Версія 2.2 | 15 грудня 2013
- Виправлено визначення флеш-
- Інші виправлення

Версія 2.1 | 15 жовтня 2013
- Виправлено визначення Opera 15+, IE 11
- Переключити на "тобто" Властивість "MSIE" в JavaScript API (так що тепер це browser.ie )

Версія 2.0.3 | 29 травня 2013
- Жива орієнтації (пейзаж, портрет) оновлення для CSS

Версія 2.0.2 | 24 травня 2013
- Виправлено визначення мобільних пристроїв

Версія 2.0.1 | 11 травня 2013
- Опера рухається до WebKit найближчим часом, так що тепер ми готові до цього!
- Виправлена ​​посилання на документацію (перенесено в новий домен)

Версія 2.0 | 23 січня 2013
- Всього переробка almoust з нуля
- Ще більш потужним. Додана підтримка нових браузерів, операційних систем, розмітки двигунів, приладів та інших особливостей
- Новий алгоритм виявлення
- Тепер ви можете виявити версію ОС і движок як за допомогою CSS і JavaScript
- Оновлені демо
- Новий інструмент тестування додав (див Live Preview)
- Замінено ім'я браузера Firefox від ".mozilla" до ".firefox"
- Замінено ", тобто" власності на "MSIE" в JavaScript API (так що тепер це browser.msie )
- Замінено Mac OS від ".MAC" до ".macos"
- Те ж саме 4kb (зменшена)!

Версія 1.0.5 | 1 січня 2013
- Виправлена ​​ширина вікна виявлення

Версія 1.0.4 | 28 грудня 2012
- Додано ОС: Win8, Win7, Vista, XP
- Виявлення Додано Retina дисплеї

Версія 1.0.3 | 27 грудня 2012
- Підтримка виявлення Додано IOS
- Виправлена ​​критична помилка з Safari браузерів
- Інші зміни та виправлення помилок


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Створено:
26 12 грудня

Останнє оновлення:
23 14 червня

підтримуються браузери:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, файлів, включених

Версія програмного забезпечення:
JQuery, MooTools 1.2, 1.3 MooTools MooTools 1.4, MooTools, YUI 1.4.5, 2, 3 YUI, Ext JS 3, Ext JS 4, script.aculo.us 1.9, 2.0 script.aculo.us, Інше

Ключові слова

електронної комерції, електронної комерції, всі товари, браузер виявлення, CSS, JavaScript, сценарій, селектор, UserAgent