<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Определить браузер пользователя
04.08.2014 15:58:32 Определить браузер пользователя Сообщение #1
Sesuriti

Sesuriti

Продвинутый

Продвинутый

Дата регистрации:
24.04.2013 16:20:53

Сообщений: 68

Привет! Как на jQuery определить браузер пользователя. Или может для этого есть другое решение. Подскажите плиз.
Профиль Ответить
05.08.2014 10:58:30 Определить браузер пользователя Сообщение #2
tikkiwiki

tikkiwiki

Модератор

Модератор

Дата регистрации:
15.11.2013 15:36:59

Сообщений: 194

jQuery. является одним из свойств глобальных объектов jQuery. Собственно $.browser или jQuery.browser позволяет определить, какой веб-браузер на данный момент имеет доступ к веб-странице. Это очень полезно, например, если мы хотим передать какие-либо специальные данные для определенного браузера.
jQuery.browser имеет флаги для основных популярных браузеров. Они приведены в списке ниже:
webkit (jQuery 1.4 и выше)safari (не рекомендуется, как устаревшее)operamsiemozillaИспользование свойства jQuery.browser[table]$.browser.webkit$.browser.safari$.browser.opera$.browser.msie$.browser.mozilla[/table]
Если данное выражение возвращает “true”, то это означает, что пользователь использует браузер отвечающий флагу в выражении.
Определение версии браузера с использованием JQueryДля того, чтобы определить не только тип пользовательского агента, но и версию, нужно использовать расширенное свойство jQuery.browser.version. Оно возвращает строку.jQuery.browser.version является одним из свойств глобальный объект JQuery.
Использование jQuery.browser.versionНапример, перед нами стоит задача определить Intenet Explorer 6 . Для этого нам нужно использовать свойства jQuery.browser и jQuery.browser.version:
[table]if (($.browser.msie) && ($.browser.version == '6.0') {alert('Fuck You IE 6';}[/table]
Примечание:
В JQuery API начиная с версии JQuery 1.3, данное свойство считается устаревшим, но его можно использовать так как не планируется его исключение из библиотеки в ближайших версиях. Разработчики сегодня рекомендую использовать набор свойств jQuery.support из глобальных объектов jQuery
Вызов данного свойства вызывает тест технологий которые поддерживает браузер и методом исключения поддержки той или иной особенности можно также определить тип браузера.
Использование jQuery.supportСписок тестируемых свойств:
boxModel: устанавливается в true, если страница обрабатывается браузером в соответствие с моделью W3C CSS Box Model (в настоящий момент не поддерживается в IE 6 и 7, когда они в режиме Quirks Mode). Пока документ полностью не загружен, данное свойство имеет значение null.cssFloat: устанавливается в true, если style.cssFloat используется для доступа к текущему значению CSS float (в настоящий момент не поддерживается в IE, там используется styleFloat).hrefNormalized: устанавливается в true, если браузер оставляет нетронутыми результаты getAttribute(»href»)(в настоящий момент не поддерживается в IE).htmlSerialize: устанавливается в true, если браузер правильно упорядочивает элементы ссылок, когда используются innerHTML (в настоящий момент не поддерживается в IE).leadingWhitespace: устанавливается в true, если браузер сохраняет пустые места при использовании innerHTML (в настоящий момент не поддерживается в IE 6-8).noCloneEvent: устанавливается в true, если браузер не клонирует обработчики событий, когда клонируются элементы (в настоящий момент не поддерживается в IE).objectAll: устанавливается в true, если выполнение getElementsByTagName(»*») относительно объекта возвращает все дочерние элементы (в настоящий момент не поддерживается в IE 7 и IE 8).opacity: устанавливается в true, если браузер правильно интерпретирует свойство видимости элемента (в настоящий момент не поддерживается в IE, там используются alpha-фильтры).scriptEval: устанавливается в true, если при использовании appendChild/createTextNode для встраивания скриптов они исполняются (в настоящий момент не поддерживается в IE, там используется .text для встраивания исполняемых скриптов).style: устанавливается в true, если функция getAttribute(»style») способна возвращать стиль, указанный элементом (в настоящий момент не поддерживается в IE – там используется cssText).tbody: устанавливается в true, если браузер позволяет создание элементов таблицы без блоков tbody (в настоящий момент не поддерживается в IE, где блоки tbody вставляются автоматически, если их нету в строке, прикрепленной к innerHTML).Например:
[table]if (jQuery.support.boxModel) {alert('Your drowser is good!';}[/table]
Данный код скажет пользователю что его браузер в порядке в том случае, если пользователь не использует IE 6-7 в режиме Quirks Mode.
Собственно варьируя данными приемами можно получить довольно обширный и гибкий набор возможностей.
Профиль Ответить
05.08.2014 12:42:36 Определить браузер пользователя Сообщение #3
Sesuriti

Sesuriti

Продвинутый

Продвинутый

Дата регистрации:
24.04.2013 16:20:53

Сообщений: 68

Я понял, спасибо. К заключению такой вопрос: у mozilla и chrom событие position().top используется по разному. У mozilla оно фиксировано в не зависимости от того на сколько вниз(вверх) прокручена страница, а вот у chrom или opera это значение плавающее, т.е. при скролле оно меняется. Соответственно как прийти к правильному решению. Мне нужно что бы при прокрутке до нужной позиции срабатывала анимация. В opera и chrome все супер а вот в Mozilla и sofari не работает. Как быть?
Профиль Ответить