С точки зрения поддержки браузера и соответствия HTML5 (предполагая, что страница на самом деле хорошо сформирована XML), насколько удобно обслуживать страницу HTML5 polyglot с заголовком…

Какие веб-браузеры (и версии) поддерживают Gelocation через HTML5?

Я пытаюсь найти или составить список последних версий наиболее распространенных браузеров (например, IE, Firefox, Chrome, Safari, Opera), которые поддерживали только SSLv2. Пожалуйста, обратите…

Какие браузеры (исторические или текущие версии) поддерживают любую из конструкций SHORTTAG HTML/SGML ? Поддерживали ли когда-либо какие-либо widely используемые браузеры SHORTTAGS каким-либо…

Я начинаю поиск работы, в идеале заканчиваю в магазине C. До сих пор я пустовал в своих местных объявлениях и начинаю думать, что мне нужно расширить свой поиск, ориентируясь на конкретные виды…

Я читал о правиле @font-face и пытался понять, стоит ли использовать его в проекте для рендеринга franklin gothic medium для заголовка вместо чего-то вроде sIfr. Я подумал, что для браузеров,…

Я работаю над минималистским проектом создания изображений, и мне нужно иметь возможность создавать изображения в браузере, которые, в свою очередь, используются на сервере. До сих пор метод…

Поддерживают ли какие-либо браузеры атрибут контекстного меню HTML5 ?

Я использую много HTML5/CSS3 и нахожусь на mac. Все выглядит отлично для меня, но я не мой клиент :(. Если вы хотите настроить что-то для лучшего кроссбраузерного тестирования, 1) какие браузеры вы…

Я разрабатываю мобильную веб-страницу html5 с html5,css3 и javascript.but, как протестировать макеты на ПК. Я попытался добавить несколько плагинов для изменения размера браузера до разрешения…

Насколько Chrome, Safari, Firefox, IE и Opera удовлетворяют требованиям HTML5?

30.04.2015 | 20:49Аналитика

Chrome и Opera лидируют по соответствию с последними веб-функциями, но различий между браузерами меньше, чем кажется на первый взгляд.

Прошло уже четыре года с момента появления HTML5. Сегодня об HTML5 снова вспомнили, потому что комитет W3C, наконец, решил, что пора прекратить возиться со спецификацией HTML 5.0 и перейти к HTML 5.1. Это знаменует собой историческое событие, потому что документ HTML4 был завершен в 1997 году.

Что же делал мир во время становления стандарта? Конечно, не дожидался окончательного проекта. Сайты, использующие преимущества стандарта HTML5, распространились повсеместно. Браузеры поддерживают многие из функций HTML5, и они становятся все лучше с каждой новой версией. Различий между веб-сайтами и нативными приложениями меньше, чем когда-либо, а сложные, интерактивные веб-сайты, ведущие себя как нативные приложения, реальнее, чем когда-либо.

Давайте посмотрим, как браузеры приняли рекомендации комитета по стандартам HTML5. Новые элементы форм, теги, атрибуты, и фоновые функции бесполезны на бумаге, если они не используются в реальном мире.

Хорошей новостью является то, что браузеры сошлись на стандарте. По оценке HTML5Test.com, они ближе и ближе к идеальным, хотя разница между некоторыми браузерами все-таки есть.
Стоит отметить, что HTML5Test оценивает соответствие всем стандартам одной цифрой (от 0 до 555). Автоматизированный тест проверяет — поддерживается ли функция, создавая объекты DOM. Он не может сказать, будет ли функция реализована правильно, элегантно, или без ужасных багов.

В то время как эту цифру трудно игнорировать, реальные ответы лежат несколько глубже. Потратив всего несколько минут на просмотр списков, можно увидеть приоритеты развития команды каждого браузера. Некоторые из новых функций, которые еще не поддерживаются, не особенно важны. Chrome поддерживает кастомные схемы хэндлеров, но не поддерживает кастомные хэндлеры контента. Firefox не поддерживает некоторые из новых полей ввода для форм, такие, как время, месяц или неделя. Есть, по крайней мере, дюжина упущений в каждой платформе, и лишь немногие из них в настоящее время влияют на разницу в опыте обычного пользователя. Но это пока. Соответствие нужно для строительства прочной основы для будущего.

Политика браузеров

Некоторые из этих различий обусловлены глубокими политическими и финансовыми баталиями, скрывающимися за кулисами. Firefox и Chrome поддерживают видео кодеки WebM и Ogg Theora, но не MPEG-4. Safari поддерживает MPEG-4, но не WebM или Ogg Theora. По крайней мере, все они согласны с поддержкой H.264. Эти кодеки не являются официальной частью HTML5, но они являются настолько большой частью современного Интернета, что работа над ними является более важной для многих веб-разработчиков, чем все другие функции.

Другие пункты в тесте даже не являются частью официального проекта HTML5, потому что они — часть другой спецификации, которая может быть выделена из официальной спецификации HTML5. Часто бывает трудно для веб-разработчиков, программистов и особенно пользователей, нарисовать линию между тем, что есть в HTML5 и что является новой или лучшей функцией. Некоторые из наиболее привлекательных функций, таких как Web Storage и Web Workers не находятся под зонтиком HTML5, хотя они также введены консорциумом W3C. При этом, они могут иметь даже большее влияние.

Ядро спецификации HTML5 завершает добавление ряда новых тегов, предназначенных для указания роли воспроизводимого контента внутри тега. Они определяют области, разделы, отступы, нижние колонтитулы и заголовки. Раньше, мы бы отметили их тегами, которые определяют оформление <h4>. Теперь они будут отмечены своей ролью, так что у них могут быть собственные стили CSS, и браузер соответственно отобразит эти элементы. Тенденция отделять текст и изображения от их расположения и представления на странице продолжается.

За этими изменениями стоят увлекательные дискуссии, но они важны только для людей, которые беспокоятся о внешнем виде веб-страниц. Например, есть такие, которые хотят избавиться от использования таблиц для разметки, а другие хотят помешать этому. Можно определять наличие таблицы интуитивно, по чтению атрибутов тега таблицы. Добавление границы или заголовка столбца означает, что это, вероятно, табличные данные. Выключение границы означает, что может быть разметка.

Использование элементов неправильным способом может иметь последствия не только в виде обиженных сторонников правил в Интернете. Умное перепрофилирование тегов (например, таблиц) также разрушает другие системы. Команда HTML5 тратит много ресурсов, чтобы упростить слепым и инвалидам использование Интернет. Использование тегов таблиц для чего-то, кроме данных таблиц, путает программы для чтения с экрана и другие механизмы.

Теперь есть новый класс атрибутов ARIA (Accessible Rich Internet Applications), обеспечивающий альтернативные описания данных внутри. В общем, усилия по отделению сообщения от представления помогает сделать это гораздо легче.

От веб-страниц к веб-приложениям

Множество работ осуществляется в направлении обращения статических страниц в полноценные динамические приложения. Спецификации для Web Storage, WebSockets и Web Workers стали намного толще, по мере того, как создатели браузеров выяснили, что работает, а что нет. Эти данные делают возможным для программистов создание полнофункциональных пакетов программного обеспечения, как Google Docs. Локальное сохранение данных, возможность фоновой коммуникации и многопоточность — очень важны для работы с нетривиальными наборами данных.

Изменения в основном сосредоточены на мелких деталях, которые могут быть даже не заметны для многих разработчиков. Существуют десятки небольших изменений, а также дебатов вокруг них, которые не могут быть закончены. Из-за того, что многие детали остаются неопределенными, создатели браузеров часто принимают разные решения. Спецификация Web Storage говорит, что браузеры должны «ограничить общее количество пространства, доступного для хранения» и предлагает 5MB в качестве хорошего лимита. Между тем, реализации отличаются.

Одна из наиболее спорных областей может заключаться в обработке медиа. Веб-браузер становится доминирующим способом получения доступа к видео и команда, занимающаяся спецификацией HTML, настроилась на завоевание гостиной. Спецификация Encrypted Media Extensions включает в себя сложный механизм для работы с лентой видео и ключами, так что только должным образом лицензированные браузеры смогут показать изображения. Chrome, Opera и Safari поддерживают эти мультимедийные расширения; Firefox и Internet Explorer — нет.

Существует много другой работы, направленной на создание изменяющихся частей. Один из новых проектов, который называется Web Video Text Tracks, исследует стандартный механизм для синхронизации видео с другими частями сайта. Он, в основном, направлен на подписи, но нет никаких причин, почему он не найдет другие применения: слова, графики и изображения, перемещающиеся везде; и все браузеры его поддерживают.

Будущее Web

В то время как естественно думать о внедрении спецификации HTML5 в конце длительного процесса ее развития, лучше рассматривать это как начало следующего поколения. Некоторые из идей были выброшены из спецификации 5.0, потому что не было достаточно «опыта внедрения». Другими словами, функции не существовали достаточно долго, чтобы все узнали — являются ли они тем, что мы хотим.

Быстрый просмотр спецификации HTML 5.1 в виде проекта, включает в себя такие функции, как атрибут accesskey для добавления клавиатурных эквивалентов щелчкам мыши. Существует боле расширенная поддержка во всех браузерах для API редактирования HTML, которые делают каждую веб-страницу потенциально редактируемой, а всю сеть потенциально одной большой Википедией.

Могут появиться даже большие изменения, поскольку некоторые предпочитают, чтобы HTML был более похож на XML. Это не просто попытка закрыть все открытые теги, что, очевидно, приведет к багам у некоторых разработчиков. Некоторый члены сообщества, обсуждающего спецификации HTML5, уже говорят о возможностях «взлома» следующей версии. То есть, они хотят спецификацию, которая позволит нам определять наши собственные тэги и наш собственный механизм для обработки тегов после того, как они будут проанализированы.

Это может сделать разметку гораздо более эффективной. Любой, кто нажимал на кнопку «View Source», видел, что многие файлы HTML на 50-60% состоят из тегов <div> и <span>, каждый из которых с несколькими различными прилагаемыми классами. Отладка файлов CSS стилей становится все более трудной. Один из способов избавиться от этого, заключается в полностью расширяемой системе тегов.

Все эти решения ожидают нас в будущем. Этап HTML 5.0 является значительным, но это только пауза в развитии стандарта, который определяет, как мы представляем информацию и взаимодействуем с ней.

Достаточно обобщений – время покопаться в браузерах.

Браузер №1: Google Chrome

Chrome имеет самый высокий балл по HTML5Test — 523 для Chrome 42 — и многое говорит о приверженности компании Google спецификации HTML5 и стремлении создать один из ведущих браузеров. Осталось только несколько не отмеченных пунктов для команды программирования, чтобы заработать максимальный балл.

Упущения несколько разбросаны, и нельзя их суммировать одной фразой. Пропавший элемент разметки здесь и нереализованный графический метод там. В общем, Chrome — мечта для тех, кто привержен широкому набору инструментов для создания пользовательских интерфейсов. Если вы хотите использовать все новые методы разметки или элементы формы, Chrome — это лучший выбор. У него очень мало пробелов в списке.

Некоторые из самых больших упущений находятся под капотом. В нем нет хуков в движке JavaScript, которые отвечают за отдельные события, когда скрипты запускаются и останавливают выполнение. Нет простого способа контролировать как стили CSS влияют на страницу. Также не существует возможности использовать свой код для регистрации функции, которая обрабатывает все данные определенного типа MIME или URL схемы, так называемых пользовательских обработчиков контента.

Все три идеи, кстати, были давно реализованы в Firefox. Они не были приняты командой из Google.

Еще одна область, которая может принести разочарование — поддержка кодеков и медиа форматов. MPEG-4, например, работает с браузером iOS, но не с Chrome. Apple и Microsoft поддерживают выбор аудиодорожки, и Apple поддерживает видео выбор трека, но Chrome не позволяет вам это использовать.

В целом, Chrone — отличный браузер для тех, кто хочет начать использовать дополнительные функции, которые являются частью нового стандарта.

Браузер №2: Opera

На момент написания, Opera находится на втором месте в тесте HTML5Test, но отстает только на четыре пункта — 519 баллов для версии 29. Как и Chrome, Opera предлагает широкую поддержку новых элементов разметки и форм, так что это такая же хорошая платформа, как и Chrome для желающих поэкспериментировать с ними.

Opera также не поддерживает пользовательские обработчики контента, контекстные элементы стиля и события выполнения сценария. Однако таким же образом поступает любой другой браузер, кроме Firefox.

Самые большие различия лежат в кодеках. Opera не может поддерживать видео форматы MPEG-4 и H.264. Ситуацию осложняет то, что данный браузер также не поддерживает AAC и MP3 –два аудио формата, которые существуют достаточно давно. Таким образом, заставить ваш мультимедийный контент работать с Opera немного сложнее. Opera почти наверняка окружена расходами на лицензирование патентов, и компания, вероятно, предпочла проигнорировать большие затраты на лицензирование. Opera, конечно, поддерживает Ogg Vorbis Ogg Theora и WebM, которые являются достаточно хорошими, если не буквально совместимыми.

Наряду с Internet Explorer и Chrome, Opera развивается в направлении «pointer events», обобщая различные модели ввода. Они направлены, чтобы упростить поддержку мыши, сенсорных экранов и стилусов, предлагая программисту единую простую модель событий, что гармонизирует их.

В целом, Opera — браузер, который впечатляет, но который не получает столько внимания, сколько бы следовало. Он конкурирует только с Chrome по широте поддержки современных веб-функций.

Браузер №3: Mozilla Firefox

По баллам Firefox выглядит, как будто он слегка отстает от двух лидеров. Он набрал 449 баллов в тесте HTML5Test для Firefox 37, но этот факт в значительной степени зависит от важности функций, которую тест определяет сам. Firefox теряет много очков в некоторых областях, где он отстает, и получает меньше очков в тех областях, где ведет.

Много баллов теряется, например, потому, что Firefox не реализует многие из новых полей ввода и интерактивных элементов. Если вы хотите просто добавить один элемент формы для сбора значения даты или времени, Firefox не поможет. За эти упущения, он теряет 26 баллов, но не ясно, действительно ли страдают все программисты. Есть разработанная библиотеки JavaScript для получения данных времени, и они являются кросс-браузерными. Многие из них также отлично стилизованы и лучше выглядит, чем стандартные инструменты. Таким образом, многие программисты выбирают их, а не встроенную в браузеры поддержку.

Тест также не вознаграждает Firefox за проявленную инициативу. События, которые срабатывают, когда сценарий собирается выполнятся, полезны для регулировки, но поддержка этих событий выполнения скрипта дает Firefox только один балл. Добавление рамки к стилям листов полезно для объединения нескольких стилей листов, но это стоит всего два очка в глазах создателей теста HTML5Test.

Firefox больше не выигрывает никаких баллов за реализацию разметки микроданных, дополнительных тегов, которые позволяют проще определять и отмечать некоторые наиболее часто встречающиеся типы данных на веб-страницах. Нелюбимые консорциумом W3C и всеми другими браузерами, микроданные поддерживаются только в Firefox.

Firefox предлагает широкую поддержку кодеков, но избегает MPEG-4, оставив его в том же лагере, что и Chrome и Opera. Он поддерживает Ogg, WebM и H.264, которых более чем достаточно.

Являются ли эти различия важными? Все зависит от того, как вы оцениваете функции лично. Если вам нравятся все новые элементы форм, Firefox не для вас и вашего проекта. Но во многих отношениях, Firefox предлагает тот же уровень соответствия, как и браузеры с более высокими результатами, если вас не беспокоят новые временные поля ввода.

Браузер №4: Apple Safari

На тесте HTML5Test Safari зарабатывает 396 балла, что делает его отстающим больше, чем это может быть на практике. Как и Firefox, Safari теряет большое количество баллов, не сумев реализовать все возможные формы и элементы разметки. В нем нет опций, чтобы сделать поле ввода для сбора времени или цвета и никакой поддержки для стандартных элементов меню.

Хотя, разработчики игр, могут отпасть. В нем нет поддержки для отслеживания ориентации или движения устройства, для контроля геймпада или более общих указателей событий. Если вы собираетесь создавать что-то для Safari, лучше придерживаться традиционного контента и избегать элементов, которые слишком интерактивны. Оставьте это для App Store.

В мире кодеков, путь Apple отличается от Chrome и Firefox. Safari покажет MPEG-4 и H.264 видео, но отвергнет WebM и Ogg Theora. Хорошей новостью является то, что видео и аудио дорожками можно управлять с помощью JavaScript.

Есть несколько других мест, в которых Safari отстает от более полных наборов функций Chrome, Opera и Firefox. В то время как эти браузеры поддерживают коммуникации peer-to-peer с помощью WebRTC, Apple не предлагает никакой поддержки, как и Internet Explorer. Также Safari не поддерживает service workers для фоновой обработки, кастомные схемы, обработчики контента и настраиваемых провайдеров поиска.

Эти упущения не являются катастрофическими. Apple по-прежнему предлагает широкую поддержку стандарта и обеспечивает многие из самых интересных функций.

Браузер №5: Microsoft Internet Explorer

11-я версия Internet Explorer имеет низкий балл в тесте HTML5Test — лишь 348, но это не должно вызывать большого удивления. Движение стандартов всегда обусловлено надеждой стимулировать конкуренцию и вытеснить Microsoft с позиций контроля над сетью. Все работает именно так, как некоторые надеялись.

IE теряет баллы во всей таблице, он не может собрать их достаточно, чтобы лидировать хотя-бы в одной области. На самом деле, единственная область, где он бьет какой-либо из других крупных браузеров — веб-приложения, где его поддержка настраиваемых поставщиков поиска чуть лучше, чем у Safari. В остальное время, он замыкает шествие.

В то время как, конечно, справедливо — использовать более низкий балл за отсутствие реализации каждого бита стандарта HTML5, это не показывает, насколько хорошо IE будет исполнять код HTML5 в повседневной работе. Быстрый просмотр результатов показывает, что многие из потерянных функций являются новыми и далеко не самыми важными. IE потерял очки, например, за отсутствие поддержки CSS селекторов, типа «in-range», «out-of-range» и «read-only». Ему также не хватает поддержки ряда новых полей ввода для времени.

Есть десятки мест, где IE не хватает поддержки маленьких функций или дополнений, но ни одна из них не является критической. Конечно, это раздражает некоторых программистов, которые хотят их использовать, но это не помешает браузеру работать достаточно хорошо.

Есть несколько более крупных упущений. Microsoft избегает видео MPEG-4, OGG и WebM, а также аудио PCM, OGG и WebM. Это оставляет MP3-аудио, видео H.264 и Flash-видео в качестве единственных поддерживаемых стандартов. Тем не менее, IE позволяет использовать JavaScript для управления аудио-треками.

Стоит отметить, что Microsoft четко понимает значение соблюдения стандартов, и делает быстрые успехи. Несмотря на то, что версии Internet Explorer не меняются так часто, как у других браузеров, довольно недавно IE9 получал всего 113 баллов. И темпы будут ускоряться в новом веб-браузере Edge (Project Spartan), который будет поставляется с Windows 10.

Последняя версия Edge зарабатывает 390 в тесте HTML5Test. Это лучше, чем IE 11 и лишь немного меньше Safari. Самые большие улучшения по сравнению с IE — поддержка ориентации устройства, движения устройства, контроля геймпада, Web-аудио, DRM, медиа-расширения и отображение адаптивных изображений. Все это показывает, что игры, развлечения и мобильные устройства находятся в верхней части списка приоритетов Microsoft.

HTML5Test является очень точной метрикой, но важно помнить, что он построен для оценки — поддерживают ли браузеры самые новые и самые экспериментальные функции, принятые комитетами HTML5. Он не выдает очки за выполнение хорошей работы при отображении таблицы или за быстрый рендеринг страниц. Это большой перечень функций, а не показатель качества браузера.

Результаты также обеспечивают хорошее представление о корпоративных приоритетах.  Не удивительно, что Chrome предлагает отличную поддержку полнофункциональных, похожих на приложения сайтов, которые поставляет Google. Это также упрощает предоставление больших возможностей аппаратной платформе от Google — Хромбукам. Компания немного зарабатывает на той части, которая называется «операционной системой», так что не удивительно, что она хочет, чтобы часть, известная как «браузер», была лучше.

Apple, со своей стороны, кажется, не столь заинтересована в поддержке соревновательного поведения в браузерах, может быть, потому что зарабатывает так много денег на App Store, что не хочет его подорвать.

Многие из функций, с которыми браузеры не в ладах, не имеют значения и для разработчиков. Если вы создаете веб-приложения с большим количеством DOM элементов, которые генерируют AJAX вызовы и реагируют на ответ сервера, все браузеры хорошо справляются с такой работой.

Все они предлагают те же основные функции, и не имеет большого значения — реализовали ли они последние элементы форм.

В этом смысле, оценка HTML5Test говорит больше о будущем, чем о настоящем. В то время как стандарт HTML 5.0 уже установлен и комитет обратил свое внимание к следующему набору идей, создатели браузеров должны закончить внедрения стандарта. По мере того, как они это делают, все больше и больше веб-разработчиков увидят, что новые функции доступны и готовы к использованию. Только после этого пользователи начнут видеть преимущества.

Хорошей новостью является то, что производители браузеров принимают их быстро, и многие из функций охвачены достаточно широко, чтобы веб-разработчики начали их использовать. Комитет сделал свою работу. Теперь наша очередь.

Поделиться новостью:

Facebook

Вконтакте

Одноклассники

Twitter

Поддержка браузеров HTML5

Вы можете позволить некоторые старые браузеры (не поддерживает HTML5) поддержку HTML5.

Поддержка браузеров HTML5

Современные браузеры поддерживают HTML5.

Кроме того, все браузеры, включая старые и новые, непризнанного элемента будет автоматически обрабатываться как строковый элемент.

Из — за этого, вы можете«церковь» браузеры обрабатывать «неизвестные»HTML элементы.

Элемент HTML5, определяется как элемент блока

HTML5 набор из восьми новых HTML семантика (семантических) элементов. Все эти элементы являются элементами уровня блока.

Для того , чтобы обеспечить более старые версии браузеров отображать эти элементы правильно, то вы можете установить блок CSS дисплей значение свойства:

примеров

заголовок, раздел, сноска, в сторону, нав, главным образом , статья, рисунок { дисплей: блок ;}

Добавление нового элемента в HTML

Вы можете добавлять новые элементы в HTML.

Примеры новых элементов , добавленных в HTML, а также элементы стиля , определенный для элемента под названием <myHero>:

примеров

<! DOCTYPE HTML> <HTML> <Head> <Meta Charset = «UTF-8»> <Title> HTML , чтобы добавить новый элемент </ title> <Script>

документ. createElement ( «myHero»)

</ Script> <Style>

myHero { дисплей: блок ; Цвет фона: #ddd ; Обивка: 50 точек ; Размер шрифта: 30 точек ;}

</ Style> </ Head> <Body> <h2> Мой первый заголовок </ h2> <P> Мой первый абзац. </ P> <MyHero> Мой первый новый элемент </ myHero> </ Body> </ HTML>

JavaScript заявление document.createElement ( «myHero»), чтобы добавить новый элемент в браузере IE.

вопросы обозревателя Internet Explorer

Вы можете использовать метод, описанный выше, чтобы добавить элементы HTML5 браузеры IE, но:

Мы можем использовать Сьерд Висшера создан «HTML5 Включение JavaScript», «заточку » , чтобы решить эту проблему:

<! — [Если л IE 9]>
<Script SRC = «http://html5shiv.googlecode.com/svn/trunk/html5.js»> </ скрипт>
<! [Endif] ->

Приведенный выше код является комментарием, роль, когда браузер версии IE меньше IE9 будет читать html5.js файл и разобрать его.

Примечание: Пожалуйста , отечественные пользователи используют сайт статического хранилища (репозитория нестабильности Google в стране):

<! — [Если л IE 9]>
<Script SRC = «http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js»> </ скрипт>
<! [Endif] ->

Для IE браузера html5shiv является лучшим решением. html5shiv основным решением предложены новые элементы HTML5 IE6-8 не признают эти новые элементы не могут быть обернуты в качестве родительского узла дочерних элементов, и не может применить стили CSS.

Шив идеальное решение

примеров

<Body>

<h2> Моя первая статья </ h2>

<Статья>
Этот учебник — наука не только технологии, но и мечта! ! !
</ Статья>

</ Body>
</ HTML>

html5shiv.js код ссылки должны быть помещены в элемент <HEAD>, так как браузер IE при разборе HTML5 новые элементы необходимо загрузить файл.

12 альтернативных браузеров, о которых почти никто не знает

На сегодняшний день браузер стал одной из главных компьютерных программ, без которой не может обойтись ни один пользователь. Обычно при выборе браузера мы ограничиваемся совсем небольшим списком, состоящим из нескольких хорошо всем известных названий — Google Chrome, Mozilla Firefox, Internet Explorer, Opera, Safari. Однако этими программами число существующих веб-обозревателей далеко не исчерпывается. Мы хотим вас познакомить с самыми интересными альтернативными браузерами, которые, может быть, не слишком известны, но определенно заслуживают вашего внимания.

Современный браузер является сложной программой, которая включает в себя несколько независимых компонентов, в том числе механизм рендеринга страниц, пользовательский интерфейс, движок обработки Javascript, XML парсер и так далее. Такая многоуровневая архитектура позволяет довольно легко изменять отдельные модули браузеров, чем успешно пользуются сторонние разработчики, выпуская свои модификации веб-обозревателей на основе существующих браузерных движков (browser engine). Самые распространенные движки браузеров на сегодня: Trident (Internet Explorer),
Gecko (Mozilla Firefox) и Webkit (Chrome, Safari), поэтому в этом обзоре все программы разделены именно по этому признаку.

Браузеры на основе Mozilla Firefox

Gecko — это движок вывода веб-страниц, известный нам прежде всего по браузеру Mozilla Firefox. При создании Gecko разработчики обеспечили поддержку открытых стандартов Интернета, кроссплатформенность, а самое главное – свободное распространение, благодаря чему этот движок успешно используется в самых разных программных продуктах.

Waterfox (Windows Vista x64, Windows 7 x64)

Несмотря на популярность 64-битных систем, Mozilla пока не планирует выпуск специальной версии браузера для этой архитектуры. Проект Waterfox восполняет этот пробел, предоставляя нам специально оптимизированную для выполнения в этой среде версию браузера. Хотя Waterfox имеет практически ту же самую функциональность, что и Firefox, смысл попробовать эту программу все же имеется, так как разработчики обещают нам значительное увеличение производительности в 64-битных системах.

Назначение. Если у вас 64-битная система и вы хотите приобрести небольшой выигрыш в скорости, то стоит испробовать эту программу.

Pale Moon (Windows 2000/XP/Vista/7, x86/x64)

Еще одна оптимизированная и ускоренная версия Firefox, которая доступна только для Windows и имеет как 32, так и 64-битную версию. Разработчики направили основные усилия на создание специально оптимизированной для полного использования всех возможностей современных процессоров программы. Кроме скрытых под капотом браузера изменений, направленных на максимальное ускорение работы, есть и некоторые твики пользовательского интерфейса, но они весьма незначительны. Однако в следующих версиях, по словам разработчиков, отличия от родительского браузера будут более заметны, так как Firefox скоро ожидает значительный редизайн, а Pale Moon оставит себе свой привычный вид.

Назначение. Для любителей выжать все возможное из своего железа, а также тем кому не нравятся изменения в интерфейсе Firefox.

SeaMonkey (Windows, Linux, MacOS)

Было бы большой ошибкой считать SeaMonkey дочерним продуктом браузера Firefox, скорее это родные братья, имеющие в своей основе один и тот же проект Mozilla Suite. В Firefox пошли по пути максимального облегчения программы, а SeaMonkey сохранил в своем составе все существующие компоненты, в том числе веб-обозреватель, почтовую программу, редактор html-страниц, адресную книгу и клиент IRC. Таким образом, в одной программе мы получаем полный джентльменский набор функций, необходимых для работы в интернете, которые в одном комплекте потребляют гораздо меньше ресурсов, чем установленные по отдельности Firefox, Thunderbird и т.д.

Назначение. Этот комбайн может понравиться любителям многофункциональных решений «все-в одном», готовых мириться с откровенно устаревшим интерфейсом и невысокой скоростью работы.

Wyzo (Windows, MacOS)

Этот браузер основан на ветке 3.6 браузера Firefox, так что тем пользователям, которые не приняли кардинального обновления программы в четвертой версии, стоит обратить на него внимание. Кроме этого, Wyzo может похвастаться встроенной поддержкой протокола BitTorrent, усовершенствованным загрузчиком файлов и полной совместимостью с темами и расширениями Firefox.

Назначение. Если вы по каким-то причинам прикипели к Firefox семейства 3.6, то этот браузер для вас.

Браузеры на основе Internet Explorer

Internet Explorer более чем какой-либо другой браузер нуждается в усовершенствовании. Несмотря на наличие довольно стабильного, а в последних версиях еще и очень быстрого механизма обработки страниц Trident, браузер от Microsoft проигрывает конкурентам из-за скромной функциональности и медленного внедрения новых технологий. Тем ценнее для нас те продукты, в которых сторонние разработчики пытаются исправить присущие IE недостатки.

Avant Browser (Windows)

Этот веб-обозреватель является одним из самых успешных отпрысков Internet Explorer. Если не принимать во внимание немного устаревший вид, то можно сказать, что Avant Browser – это именно тот браузер, которым хотел стать IE в детстве. Посудите сами, рекордно низкое потребление памяти, встроенная блокировка рекламы и всплывающих окон, автозаполнение форм и менеджер паролей, возможность хранения своих закладок, паролей, настроек в онлайновом хранилище, поддержка жестов мышью, система чтения RSS-лент и многие другие функции делают этот браузер, пожалуй, лучшим выбором среди IE-совместимых обозревателей. Добавьте к этому отличную локализацию, регулярные обновления и многочисленное сообщество пользователей, и становится ясно, что этот браузер непременно нужно попробовать всем поклонникам майкрософтовского движка отображения страниц Trident.

Назначение. Этот браузер понравится тем пользователям, которые хотят использовать все преимущества движка Trident, но не могут мириться с функциональностью Internet Explorer.

Lunascape (Windows)

Экзотический браузер от разработчиков из далекой Японии. Как и многие изделия родом из этой страны, обладает целым рядом уникальных особенностей. Прежде всего это возможность использования не только движка Trident, идущего в комплекте по умолчанию, но и Gecko с WebKit. Таким образом, пользователям предоставляется возможность использования функций всех самых популярных на сегодня браузеров в одном интерфейсе. Есть даже возможность закрепления определенного движка для отображения отдельных сайтов, так что при проблемах с какой-либо страницей браузер будет автоматически переключаться на более подходящий механизм рендеринга. Кроме этого, браузер обладает возможностью установки дополнений (в том числе для Chrome и Firefox), изменения внешнего вида с помощью скинов, а также такой развитой системой настройки, что с ее помощью можно изменить буквально любой аспект работы программы.

Назначение. Сложный продукт, требующий настройки и изучения. Может пригодиться, если вам нужно видеть отображение сайтов в разных браузерах.

SlimBrowser (Windows)

Несмотря на то что обновляется SlimBrowser довольно регулярно (последняя версия вышла буквально на днях), выглядит он как IE 8. Тем не менее, под капотом программы скрывается целый набор востребованных функций, таких как автоматическое заполнение веб-форм, встроенный переводчик, панель быстрого поиска, продвинутый менеджер загрузок, блокиратор рекламы, редактор HTML и скриптов, интеграция с Facebook и другими социальными сервисами, поддержка скинов и т.д. Хотя SlimBrowser стал одним из двенадцати браузеров, предлагаемых для пользователей Европейского экономического пространства, я бы не называл его самостоятельным продуктом – скорее это просто комплект полезных настроек и дополнений для Internet Explorer, собранных под одной оболочкой.

Назначение. Хотя разработчики на домашней странице смело утверждают, что это лучший браузер для Windows, это все же просто набор полезных дополнений.

Браузеры на основе Google Chrome

Сейчас многие уже забыли, но движок WebKit ведет свою родословную от проекта KHTML, изначально разработанного для среды KDE в Unix-системах. Его исходный код открыт, то есть доступен для использования в проектах любого назначения. Самыми известными из них являются браузеры Safari и Google Chrome, но существует также огромное количество других программ, в той или иной мере использующих компоненты WebKit.

Chromium (Windows, MacOS, Linux)

Несмотря на то что Google Chrome и Chromium разрабатывает одна и та же фирма, и в обоих использован один и тот же движок и интерфейсные решения, все же между ними имеется целый ряд существенных отличий. В Chromium отсутствует автообновление, поддержка некоторых проприетарных аудио-видео форматов и Flash, нет модуля для работы с PDF. Но при этом браузер Chromium предлагает все самые свежие и экспериментальные функции, которые разработчики еще только собираются внедрять в Google Chrome.

Назначение. Если вы хотите раньше всех попробовать все нововведения, которые появятся в Google Chrome, то это ваш выбор.

Comodo Dragon (Windows)

Компанию Google последнее время частенько попрекают в неуважении к конфиденциальности. В частности, браузер Chrome уже неоднократно был замечен в сборе различной информации о действиях пользователя в Сети. Именно поэтому появился целый ряд альтернативных браузеров, в которых повышенное внимание уделено секретности и безопасности. Программа Comodo Dragon разработана компанией Comodo, которая хорошо известна своим антивирусом и файрволом. В ней используется соединение через сервер SecureDNS, позволяющее блокировать зловредные сайты, использован более совершенный механизм анонимного серфинга, а также сделан ряд других изменений, повышающих вашу безопасность.

Назначение. Этот браузер предназначен для тех, кто всерьез озабочен своей безопасностью и секретностью.

RockMelt (Windows, MacOS)

Этот браузер предназначен для любителей социальных сетей и напоминает уже закрытый проект Flock. С его помощью можно легко получать обновления в своих учетных записях, общаться с друзьями, обмениваться любым содержимым просматриваемых страниц. Браузер имеет специальные дополнительные панели, которые служат для отображения кнопок подключенных социальных сервисов, списка друзей, встроенного чата. RockMeIt, в отличие от Chrome, хранит пользовательский профиль на серверах Facebook и, соответственно, для работы требуется войти в свою учетную запись в этой социальной сети.

Назначение. Если вы являетесь активным участником социальных сетей, особенно Facebook, то вам непременно надо обратить внимание на эту программу.

CoolNovo (Windows, Linux, MacOS (beta))

Наши китайские товарищи славятся своим умением повторять и усовершенствовать самые различные продукты. Не обошла эта участь и браузер компании Google. CoolNovo имеет все возможности Chrome плюс ряд дополнительных полезных функций, которые делают работу с браузером более комфортной. Благодаря усилиям китайских разработчиков браузер стал понимать жесты мыши, обзавелся удобным менеджером закачек, встроенным механизмом блокировки рекламы, функцией «суперперетаскивания» и многими другими возможностями. Кроме этого, в программе позаботились о защите личной информации пользователя: более тщательно происходит очистка приватной информации и отключены шпионские компоненты Google Chrome.

Назначение. Никакого волшебства – это просто Chrome в комплекте с несколькими полезными расширениями и твиками. Пригодится всем, кому необходима «прокачанная» версия Google Chrome.

Maxthon (Windows, Android)

Один из старейших альтернативных браузеров, успевший с 2004 года не только сменить основной движок отображения страниц с Trident на WebKit, но и обрести заслуженную популярность среди многочисленной армии пользователей. Причиной для этого послужила довольно серьезная оснащенность Maxthon, предоставляющего «из коробки» множество удобнейших функций, доступных в других браузерах только после установки десятков расширений. К ним относятся возможность настройки внешнего вида с помощью скинов, функция Super Drag&Drop, управление жестами мыши, блокировка рекламы, встроенный RSS-ридер, служба автообновления, встроенный блокнот, менеджер загрузок, функция хранения пользовательских данных в облачном сервисе с возможностью синхронизации между разными компьютерами и многое другое. При этом необходимо подчеркнуть, что Maxthon, в отличие от многих конкурентов, является самостоятельным проектом, а не переработанной версией Google Chrome.

Назначение. Быстрый, удобный и функциональный веб-обозреватель, имеющий свое собственное лицо и долгую историю развития. Реальная и очень достойная альтернатива фаворитам.

Заключение

В этом обзоре мы постарались познакомить вас с самыми интересными представителями альтернативных браузеров. Некоторые из них предназначены для выполнения узкоспециализированных задач, другие предоставляют пользователям широчайший спектр возможностей при работе в интернете. Как вы можете убедиться, список современных веб-обозревателей гораздо шире известных всем четырех названий и включает в себя достойные для применения программы. Среди всех рассмотренных альтернатив особое внимание читателей мы бы хотели обратить на Avant Browser и Maxthon, которые содержат целый ряд оригинальных решений и полностью способны выполнять роль штатного веб-обозревателя.

Зачем нам нужен HTML5: пять простых ответов

Все вы наверняка хоть что-то слышали о HTML5 — новой версии языка разметки страниц в интернете. Она до сих пор считается находящейся в разработке, хотя со времени официального утверждения действующей версии HTML4 прошло более пятнадцати лет — фактически всё время активного развития Всемирной сети. В чём же заключаются преимущества HTML5 и принципиальные его отличия от HTML4?

1. HTML5 — новый подход к разметке: мультимедиа внутри

В отличие от разработанного ещё в девяностых языка разметки HTML4, когда даже относительно несложный мультимедийный контент был слишком «тяжёлым» для подавляющего большинства пользователей интернета, в 2004 году, в котором фактически началась работа над новой версией стандарта, в Сети уже вовсю шло распространение аудио- и видеозаписей, как официальное, так и неофициальное. Хорошим тоном для веб-сайтов стало размещение на своих страницах анимационных фильмов и видеороликов, вошли в моду аудиоблоги-подкасты.

Однако действующий стандарт не предусматривал описания мультимедийного контента средствами самого языка: для этого использовалась функция вставки некоего объекта («object»), возможность воспроизведения которого зависела от того, установлены ли в браузере клиента совместимые с таким контентом дополнительные плагины третьих разработчиков.

Говоря о подобных плагинах, мы прежде всего имеем в виду Adobe Flash, QuickTime или менее распространённые Real Player и Silverlight. Всё это — «надстройки», дополнения к браузерам, не являющиеся их составной частью и выполняющие роль неких посредников, которые преобразуют загружаемый цифровой контент в видео и звук.

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

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

Для интеграции аудио или видео в HTML5 достаточно использовать простой набор тэгов, описывающих, какой тип контента вы намерены поместить («video» или «audio»), и обычные ссылки на соответствующие медиафайлы.

Разумеется, у HTML5 есть и множество других нововведений, но это самое главное из них — изменение идеологического подхода.

2. Проблема обратной совместимости: сначала HTML, потом плагины

К сожалению, в мире остаётся значительная часть пользователей, у которых установлены устаревшие браузеры, вполне их устраивающие, но не поддерживающие все возможности HTML5. Прежде всего, речь идёт об Internet Explorer версии 8, до сих пор считающейся самой популярной для этого браузера. Последующие версии — IE 9 и 10 — уже практически полностью поддерживают HTML5. Что касается Chrome, Opera и Safari, то они уже в течение нескольких лет способны обрабатывать теги «video» и «audio».

Тем не менее для обеспечения обратной совместимость в HTML5 сохраняется поддержка использования плагинов (тега «object»), но по схеме «сначала HTML, а потом уже плагины». Это означает, что браузер должен сначала осуществлять рендеринг страницы с использованием тегов «video» и «audio» — и лишь при невозможности сделать это применять код плагинов.

Для обеспечения правильного функционирования такого подхода можно использовать одну из множества доступных библиотек JavaScript, часть из которых предоставляет полностью интегрированный программный интерфейс (API) для управления как HTML-контентом, так и встроенными объектами. Среди них, в частности, можно назвать Projekktor или программный видеоплеер Video.js, обеспечивающие полную совместимость как с HTML5, так и со старыми браузерами, в которых применяются плагины.

3. Единый подход к десктопным и мобильным платформам

Поддержка нового стандарта HTML5 обеспечивается и практически на всех современных мобильных устройствах, включая iOS, Android и Windows Phone, в чём заключается ещё одно его важное достоинство. Веб-мастеру уже не нужно размещать несколько версий медиаконтента для «полноценных» компьютеров и мобильных устройств. Известно, что iOS полностью несовместима с Flash, а ОС Android совместима лишь частично. В случае с HTML5 эта проблема полностью снимается.

Кроме того, многие современные мобильные устройства поддерживают аппаратное декодирование видео в широко распространённом формате H.264, что вновь избавляет веб-мастеров от лишней работы и необходимости выкладывания видео в нескольких разных кодеках. Владельцы же таких устройств получают низкую нагрузку на систему и длительное время автономной работы.

4. Поддержка разных форматов видео и звука

Несмотря на то что HTML5 позволяет размещать на веб-страницах медиафайлы простыми стандартными тэгами, такие файлы могут быть закодированы в самые разные форматы и самыми разными кодеками. Между тем пока не существует какого-то стандартного сочетания формата (контейнера) и кодека, которое с равным успехом работало бы во всех браузерах и мобильных системах.

Самые популярные контейнеры для интернет-видео — это AVI, MP4, FLV и WebM, а основных «сетевых» видеокодеков всего три: H.264, Ogg Theora и VP8. При этом каждому кодеку обычно (но далеко не всегда) лучше всего соответствует свой формат контейнера: H.264 — MP4, Theora — OGG, VP8 — WebV.

Кодек H.264 сжимает видео с потерями, чтобы получить файл высокого качества, но небольшого размера. При этом спецификация предусматривает несколько профилей с разным качеством и степенью сжатия, чтобы на маломощные мобильные устройства можно было транслировать «лёгкие» файлы, а на десктопы с широкополосными доступом — более качественное видео.

Хотя H.264 — коммерческий кодек, то есть предполагает лицензионные отчисления, он наиболее универсален: его встроенная поддержка есть в Internet Explorer, Chrome, Firefox, Safari, iOS и Android, а отсутствует лишь в Opera, где такое видео декодируется только через внешний плагин.

Кодек Ogg Theora, изначально рассчитанный на системы под Linux, вначале тоже был коммерческим, но теперь лицензируется бесплатно. Встроенная поддержка имеется в браузерах Chrome, Firefox и Opera, в Internet Explorer и Safari доступен только через плагины.

Кодек VP8, ориентированный на мобильные устройства, распространяется Google на условиях Open Source и обеспечивает качество, сходное с H.264, при меньшей сложности декодирования. Встроенная поддержка есть в Chrome, Firefox и Opera, а также в мобильных устройствах под управлением Android.

Таким образом, чтобы обеспечить воспроизведение видеоконтента практически на всех существующих системах, достаточно выкладывать файлы в контейнерах MP4 в стандарте кодирования H.264 и в формате WebM с кодеком VP8. Поскольку изо всех современных десктопных браузеров встроенная поддержка H.264 отсутствует только в Opera, такие сочетания будут самыми универсальными.

5. Существует обширная общедоступная документация

Несмотря на то что HTML5 пока ещё не имеет статуса окончательного стандарта, его поддерживает подавляющее большинство современных браузеров и мобильных устройств. Потому не удивительно, что для веб-разработчиков уже существует обширная общедоступная документация — большая часть которой, естественно, опубликована на английском языке.

Прежде всего речь об официальной последней рабочей версии консорциума W3C, в рамках которого ведётся непосредственная разработка HTML5.

На сайте разработчиков Mozilla приводится справочник тэгов, причём элементы, которые были добавлены в HTML5, выделены особо.

Подробные описания подхода к интеграции видео в HTML5 можно найти здесь и здесь (тоже на английском языке).

На русском языке краткий справочник HTML5 с примерами применения новых элементов имеется на сайте Puzzleweb.ru.

Кроме того, на русский язык переведено уже довольно много книг по HTML5, среди которых, например, «HTML5 для профессионалов», «Погружение в HTML5» или «Самоучитель HTML5».

Браузеры и устройства. Начало работы · Bootstrap. Версия v4.0.0

Узнайте больше о браузерах и устройствах всех видов, которые поддерживаются Bootstrap и об известных багах для каждого из них.

Поддерживаемые браузеры

Bootstrap поддерживает все новейшие, стабильные релизы браузеров и платформ. В Windows поддерживается IE10-11 / Microsoft Edge.

Альтернативные браузеры, поддерживающие последнюю версию Webkit, Blink или Gecko, поддерживаются не полностью. Однако и в них BS4 должен отображаться и работать корректно. Более точная информация – ниже.

Мобильные устройства

В общем, BS4 поддерживает последние версии браузеров по умолчанию для каждой платформы. Заметьте, что прокси-браузеры (такие как Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) не поддерживаются.

Браузеры PC

Аналогично, последние версии большинства таковых браузеров поддерживаемы.

Для Firefox, дополняя поддержку последнего стабильного релиза, BS4 также поддерживает последний релиз Firefox с «расширенной поддержкой» — Extended Support Release (ESR).

Предположительно BS4 должен работать нормально в Chromium и Chrome в Линуксе, Firefox для Линуска, и IE9, хотя эти браузеры и не поддерживаются официально.

Для получения списка некоторых «багов» браузеров, с которыми довольно трудно бороться, загляните на стену «багов».

Internet Explorer

IE 10+ поддерживаются, IE9 и ниже – нет. Знайте, что некоторые свойства CSS3 и элементы HTML5 поддерживаются не полностью в IE10, или требуют предустановленных свойств для нормальной работы. Посетите Can I use… для подробностей по поддержке браузерами свойств CSS3 и HTML5.

Если вам потребуется поддержка IE8-9, пользуйтесь BS3. Это наиболее стабильная версия и она все еще поддерживается нашей командой в наиболее критических случаях. Но туда уже не добавятся новые возможности и свойства.

Всплывающие окна и выпадающие меню на мобильниках

Прокрутка и отображение содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

Поддержка свойства overflow:hidden; достаточно ограничена в iOS и Андроидах. По этой причине, когда вы прокручиваете ниже верха или низа всплывающего окна в этих устройствах, содержимое <body> начнет прокручиваться. Смотрите Chrome bug #175502 (решено в Chrome v40) и WebKit bug #153852.

Текстовые поля и прокрутка в iOS

Что касается iOS 9.2, — пока всплывающее окно открыто – если начальное касание жеста прокрутки происходит внутри границ <input> или <textarea>, прокручиваться вместо окна будет содержимое <body>. Смотри WebKit bug #153856.

Выпадающие элементы навигационной панели

Элемент .dropdown-backdrop не используется на iOS в навигационной панели из-за сложности z-индексирования. Таким образом, чтобы закрыть выпадающий элемент, необходимо коснуться его (или другой элемент, который вызовет событие «клик» в iOS).

«Зум» в браузере

Масштабирование страницы неизбежно влечет искажения прорисовки некоторых компонентов BS4 и остальной страницы. В зависимости от вида проблемы, мы можем «починить» этот баг (пожалуйста, перед обращением к нам поищите решение сами). Однако, мы часто игнорируем подобные обращения, т.к. часто иного решения, чем временные «костыли», просто нет.

«Липкий»

Хотя реальный «hover» невозможен на большинстве тачскринов, большинство мобильных браузеров симулируют его и делают :hover «липким». Другими словами: стили :hover начинают работать после постукивания на элементе и останавливаются лишьпосле того как юзер «стукнет» по другому элементу. На сайтах концепции «mobile-first» такое поведение обычно нежелательно.

Bootstrap имеет решение для описанного поведения, хотя оно и отключено по умолчанию. При установке значения переменной $enable-hover-media-query на true при компиляции Sass, BS4 будет использовать mq4-hover-shim для дезактивации стилей :hover в браузерах, имитирующих «hovering», таким образом предотвращая «липкое» поведение стилей :hover.

Печать

Даже в современных браузерах она может вызвать проблемы.

Что касается Safari v8.0 – использование класса с фиксированной шириной .container может заставить браузер использовать необычно мелкий шрифт при печати. Смотрите issue issue #14868 и WebKit bug #138192. Есть еще один обход этого бага (код внизу):

@media print {
  .container {
    width: auto;
  }
}

Встроенный браузер Андроида

По умолчанию Android 4.1 (и даже некоторые более его новые релизы ) поставляются с браузером-приложением по умолчанию (в противоположность Chrome). К несчастью, это приложение имеет множество «багов» и несовместимостей с CSS в целом.

По элементам <select>: встроенный браузер андроида не отобразит их элементы управления (кнопки), если применен border-radius и\или border. (Смотрите вопрос на StackOverflow). Используйте кусок кода ниже для удаления мешающего CSS и отрисовки элемента <select> встроенным браузером андроида как «нестилизованного» элемента. В этом случае при определении браузера пользователя не происходит взаимодействия с браузерами Chrome, Safari и Mozilla.

<script>
$(function () {
  var nua = navigator.userAgent
  var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
  if (isAndroid) {
    $('select.form-control').removeClass('form-control').css('width', '100%')
  }
})
</script>

Хотите пример? JS Bin demo.

Валидаторы

Для обеспечения наилучшей работы на старых и глючных браузерах для применения определенных настроек CSS к определенным версиям браузеров и исправления «багов» в самих браузерах, BS4 иногда использует CSS browser hacks. Эти «хаки» по понятным причинам заставляют «ругаться» валидаторы CSS. Кое-где мы используем не до конца проверенные и стандартизированные, но нужные для прогресса, свойства CSS.

Эти «ругательства» валидатора не следует воспринимать серьезно, поскольку остальной наш CSS полностью валиден, а «хаки» не мешают правильному функционированию остального CSS. Посему смело игнорируйте эти предупреждения.

Наши HTML–документы также вызывают некоторые тривиальные и несущественные предупреждения – потому что в них есть «костыли» для исправления определенного «бага» в Firefox.

Введение в совместимость с браузером HTML5

За последние несколько лет HTML5 превратился из мифического существа в живую реальность, и его готовность и жизнеспособность получили признание как скептиков, так и экспертов. Теперь, в 2012 году, HTML5 готов к использованию со всеми современными браузерами, включая IE9. Он также был разработан для изящной деградации даже без помощи JavaScript или сброса CSS.

Тем не менее, вы можете быть обеспокоены обеспечением полной обратной совместимости или не уверены в том, что будет работать в одном браузере, а не в другом.HTML5 часто обвиняли в проблемах, связанных с jQuery и CSS3, как новыми технологиями, так и стандартами, развивающимися вместе с HTML5, но фактически не являющимися его частью. Чтобы получить представление о совместимости браузера HTML5, вы должны сначала понять, как браузеры смотрят на каждый из этих языков.

HTML5 против CSS3

HTML5 — это пересмотренная версия спецификации разметки HTML, содержащая несколько передовых методов и правил, по которым производители браузеров и веб-разработчики могут найти общий язык.Впервые он был разработан и принят W3C в 2006 году, закрылся в 2009 году и признан готовым к использованию, а полное одобрение кандидата, вероятно, ожидается в этом году. Он содержит новые элементы макета, которые вы, вероятно, видели, такие как