JavaScript является основным языком фронтальной разработки. В JavaScript есть два способа судить типы браузеров. В этой статье анализируются характеристики соответствующего пользовательского пользователя браузера и дает метод суждения:
Серия браузеров операционной системы Windows:
Т.е. серия браузеров:
Характеристики: все начинаются с "Mozilla/" и x в "Msie X.0;
Метод суждения: вы можете найти только «MSIE X.0;
Firefox для Windows:
Особенности: Начните с "Mozilla/x.0", включая "Windows NT", "Gecko/" и "Firefox/";
Метод суждения: Для грубого суждения вы можете получить только строки «Firefox/» и «Windows NT». Firefox/";
Chrome для Windows:
Особенности: Начните с «Mozilla/X.0», включая «Windows NT», «Chrome/», а также включают «AppleWebkit/», «Safari/»;
Метод суждения: примерно судить, вы можете найти только «Windows nt» и «Chrome/« Strings, и строго судить, вы можете найти «Mozilla/», «Windows nt», «Applewebkit/», «Safari/», Chrome /"5 строк;
Опера для Windows:
Характеристики: начните с «Opera/» и содержит «Windows nt», «Presto/» строки;
Метод суждения: примерно судить только в поисках строк «Windows NT» и «Opera/», и строго судите в поисках «Opera/», «Windows NT» и «Presto/» одновременно;
Сафари для Windows:
Характеристики: начните с "Mozilla/" и содержит "Windows nt", "Applewebkit/", "Safari/";
Метод суждения: примерно судить, вы можете искать «Windows NT», «Safari/», а не «Chrome/». /"Но" хром/"не включен;
Резюме: пользовательский браузер в операционной системе Windows содержит строку Windows NT »для представления операционной системы Windows.
Серия браузеров на платформе iPhone:
iPhone поставляется с Safari:
Характеристики: начиная с «Mozilla/», содержит строку «iPhone», а также содержит строку «Mobile/», «Safari/»;
Метод суждения: примерно судить только в поисках «iPhone» и «Safari/».
Opera Mobile для iPhone:
Характеристики: начиная с «Opera/», содержит строку «iPhone», а также содержит строку «Opera mini/», «presto/»;
Метод суждения: примерно судить только поиск «iPhone» и «Opera/» «Строки».
Резюме: пользовательский браузер на телефонах iPhone содержит строку "iPhone"
Серия браузеров Android платформы:
Android поставляется с браузером (некоторые люди говорят, что это просто Chrome, но Google не делает никаких заявлений и разрабатывает Chrome для телефона, работающего на Android):
Характеристики: начиная с «Mozilla/», содержит «Android» и «Linux» струны, а также содержит «AppleWebkit/», «Мобильные сафари/» строки;
Метод суждения: Поскольку я не знаю, будет ли будет независимое сафари на Android в будущем (я думаю, это не так), рекомендуется делать строгие суждения напрямую и искать «Mozilla/», Android »,», « Linux "," AppleWebkit/"," Мобильный сафари/"пять строк
Opera Mobile для Android:
Характеристики: начиная с «Opera/», содержит «Android» и «Linux» строки, а также содержит «Opera Mobi/», «Presto/» «Строки;
Метод суждения: примерно судить только поиск "Android" и "Opera/", и строго судей должны включать как "Opera/", "Android", "Linux", "Opera Mobi/", "Presto/" Пять строк
Firefox для Android:
Характеристики: начиная с «Mozilla/», содержащего «Android» и «Linux» струны, а также содержащий «Firefox/», «Gecko/», «Fennec/» струны;
Метод суждения: примерно судить только ищет только «Android» и «Firefox/», и строго должны включать в себя как «Mozilla/», «Android», «Linux», «Firefox/», «Gecko/», Fennec/«Six Строка
Резюме: пользовательский браузер на платформе Android содержит «Android» и «Linux».
Приведенный выше анализ основных браузеров трех основных платформ Windows, iPhone и Android в основном заканчивались Linux других платформ, как минимум аналогичны платформе Android, в то время как iPad и Mac OS, которые используют Mac OS, должны должны Будьте похожи на платформу iPhone, поэтому пока я не буду проводить анализ, потому что у меня не так много устройств и операционных систем для тестирования, я надеюсь, что смогу восполнить это в будущем.
Текущие требования к разработке продукта веб -сайта отличаются от ранее, потому что он не только должен соответствовать просмотру компьютера, но и для удовлетворения смартфонов пользователей (здесь мы ссылаемся только на реальные смартфоны, такие как iPhone, Android, Windows Phone и Niches такие как Blackberry и Palm, полуселтуальная система на данный момент не рассматривается. Оцените пользовательское оборудование на основе пользователя браузера.
1. Если вам нужно судить о операционной системе, метод относительно прост.
Содержит «Windows NT»: очевидно, что номер версии после NT может определить версию ОС;
Системы, содержащие «Mac»: Mac OS x Apple или другие ядра Mac OS;
Содержит «iPhone»: эксклюзивный для телефонов Apple iPhone, а также должен содержать «Mac» в целом;
Содержит «iPad»: планшет Apple iPad (информация показывает, что пользовательский браузер iPad также содержит «Mac», «iPhone», «iPad»);
Содержит «Linux»: операционная система Linux или другая операционная система с Linux в качестве ядра;
Содержит «Android»: Google Android Operation System может быть смартфоном или версией планшета Android.
Он содержит одну из трех: unix System, но на самом деле проблемы с пользовательским опытом этой системы практически не нужны для рассмотрения;
Linux, содержащий "Ubuntu": индивидуальная версия Ubuntu
...
Вы также видели, что оценка операционной системы и ее версия не всегда полезно, но всегда есть места, которые можно использовать, такие как разработка страниц, которые специально нацелены на разрешение экрана таких устройств, как iPhone, iPad, Android и т. Д.
2. Нетрудно судить о ядре браузера.
Т.е. (Trident) ядро (т.е. для Mac, IES4linux и т. Д., Рассмотрите только Windows): начните с «Mozilla/» и содержит струны Windows NT »и« msie »;
Firefox (Gecko) ядро: начните с «Mozilla/», содержит струны «Firefox/» и «Gecko/», среди которых версия Android также имеет строку «fennec/»;
Opera () ядро: начинается с «Opera/» и содержит строку «Presto/», версия iPhone также имеет «Opera mini/», а версия Android также имеет «Opera Mobi/»;
Ядро Webkit: начните с «Mozilla/», содержит строки «AppleWebkit/» и «Safari/», а браузер Chrome с «Chrome/» - это тот, у кого нет сафари или других;
Вышеуказанное - основное ядро браузера
Ядро браузера является ключевой проблемой в решении совместимости , конечно, одно и то же ядро делает результаты на различных устройствах, таких как смартфоны и компьютеры, и на это также необходимо обратить внимание.
3. Примеры фактического применения браузера USEAGENT:
Различные ядра браузера имеют различные эффекты рендеринга на страницах.
Пользователи не только получают доступ к веб -сайтам через компьютеры. Планшет в порядке, экран имеет большое и высокое разрешение. Ты прав? В конце концов, очень неудобно смотреть веб -страницы с помощью локального масштабирования и перетаскивания. ускорить доступ;
Сделайте анализ трафика посетителей, оптимизируйте и разработайте свой собственный веб -сайт, оценив тип браузера клиентов и записывая количество клиентов для улучшения своего качества обслуживания клиентов отдельно
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
var sys = {};
var ua = navigator.useragent.tolowercase ();
var s;
(s = ua.match (/msie ([/д. Затем+))?
(s = ua.match (/firefox // ([/d.]+)/)?
(s = ua.match (/chrome // ([/d.]+)/)?
(s = ua.match (/opera. ([/d.]+)/))?
(s = ua.match (/version // ([/d.]+).*Safari/))?
// Следующие тесты
if (sys.ie) document.write ('ie:' + sys.ie);
if (sys.firefox) document.write ('firefox:' + sys.firefox);
if (sys.chrome) document.write ('chrome:' + sys.chrome);
if (sys.opera) document.write ('opera:' + sys.opera);
if (sys.safari) document.write ('safari:' + sys.safari);
</script>
или:
Методы обнаружения браузеров в исходном коде редактора с открытым исходным кодом Kindeditor:
Ke = {};
Ke.browser = (function () {
var ua = navigator.useragent.tolowercase ();
возвращаться {
Версия: ua.match (/(msie | firefox | webkit | opera) [//:/s] (/d+)/)?
Т.е. (ua.indexof ("msie")> -1 && ua.indexof ("opera") == -1),
Гекко: (ua.indexof ("gecko")> -1 && ua.indexof ("khtml") == -1),
Webkit: (ua.indexof ("Applewebkit")> -1),
Opera: (ua.indexof ("Opera")> -1)
};
}) ();