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