Определяем устройство с помощью PHP | Веб-Острова Анатолия Куликова

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

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

Итак, я пошёл в интернет за готовым ответом, поскольку издавна исповедую практику «Сначала попробовать чужие костыли готовые решения, а если не нашёл — писать самостоятельно». Собственно, что я нашёл в интернете — это использовать $_SERVER[«HTTP_USER_AGENT»] или вообще пользоваться JavaScript’ом.

Затем, на одном форуме нашёл таки описание интересного и простого php-скрипта, которым уже достаточно давно пользуюсь и хочу поделиться с вами. Называется он Mobile-Detect (ссылка на GitHub). Это очень легковесное и удобное решение, которое использует ту самую строчку HTTP_USER_AGENT в комплекте с определёнными заголовками.

Проект постоянно поддерживается и обновляется, ибо весьма полезная вещь.

Подключается скрипт очень просто — с помощью requred_once мы указываем путь к файлу, а затем инициализируем объект:

Настройка скрипта завершена. Теперь через использование $detect мы можем определять устройства. Нам доступны следующие переменные для определения типа устройств:

  • isMobile — переменная, которая определяет любое мобильное устройство — как смартфон, так и планшет;
  • isTablet — переменная, которая предназначена для определения только планшетных компьютеров.

Также существуют две переменные для определения операционной системы мобильного устройства:

  • isiOS — определяет устройства под управлением iOs (iPhone и iPad);
  • isAndroidOS — устройства на Android;
  • isWindowsMobileOS и isWindowsPhoneOS — тут можно не просто узнать, что эта мобильная система производства Microsoft, но даже указать его версии. WindowsMobile уже не столь актуальна, поскольку мелкомягкие перешли на единую платформу, но если вдруг к нам зайдут пользователи Pocket PC и Smartphone, то мы модем предложить для них уникальный сервис;
  • isBlackBerryOS — можно определить также смартфоны этого производителя. Для России аппараты BlackBerry не слишком актуальны, но возможно всё (вдруг вы или ваш заказчик — фанат или пользователь этого девайса, и нужно сделать что-то особенное для других пользователей);
  • isPalmOS и isSymbianOS — для устройств на таких операционных системах есть переменные для определения. Для меня это очень редкие устройства — настолько, что в жизни таких не видел (но это не точно), только на сайты заходят редкие пользователи этих устройств.

Кроме того, скрипт может определять производителя устройства. Укажу всего несколько переменных для определения вендора устройства, которые нам доступны:

  • isiPhone и isiPad — можно чётко определить для каждого из устройств Apple, что показывать его пользователю;
  • isSamsung — для устройств производства Samsung, один из самых популярных производителей;
  • isLG — телефоны производства LG также весьма популярны и для них можно сделать что-то особое;
  • isVertu — посетитель вашего сайта обладатель телефона Vertu, нужно больше золота (и умножаем все цены в магазине на 10).

В реальности этих переменных намного больше — на демо-странице скрипта можно увидеть список поддерживаемых переменных.

Для тех, кто хочет убойной точности и избирательности, можно указывать нужные устройства через значения UserAgent, но по мне такая избирательность уж слишком чрезмерная (хотя бывает всякое).

Разработчики не перестают совершенствовать свой продукт и вполне вероятно, что скоро нам будет доступна возможность определения версий браузеров и устройств (в первую очередь для продукции Apple) — функции уже есть в последнем релизе, но пока они находятся на бета-тестировании.

Теперь давайте разберём на примере принцип работы скрипта. Допустим, мы должны выводить для посетителя сайта разные сообщения в зависимости от операционной системы его устройства. Это будет выглядеть так:

Этот пример немного бесполезный, но очень простой. Немного подумав, этот скрипт можно исползовать для более изящных решений, например, в зависимости от операционной системы подключать разные стили и изображения, чтобы дизайн сайта адаптировался под устройство. Либо, если на вашей странице есть реклама мобильного приложения, выводил предложения о переходе на AppStore или Google Play соответственно. Идей для применения может быть много.

Предлагаю вашему вниманию ещё один пример, который используется на моём сайте. Суть кода следующая — мы выводим разные варианты шапки сайта в зависимости от типа устройства. Код (с сокращениями) следующий:

И напоследок самое сладкое — эта библиотека была портирована на JavaScript, Varnish Cache и LUA.

На основе этого скрипта написаны плагины и модули для WordPress, Drupal, Joomla, Magento, PrestaShop (там он вообще поставляется в стандартном пакете с версии 1.5), Laravel, Yii Framework и множество других фреймворков и языков и платформ.

Библиотека очень полезная и весьма доставляющая.

Библиотека для определения типа и модели устройства на PHP

Mobile Detect это легковесный PHP класс для определения типа мобильного устройства, (включая и планшеты). Для определения устройства происходит анализ опции User-Agent и HTTP заголовков.

Общие возможности

isMobile() — определяет является ли устройство мобильным

isTablet() — определяет является ли устройство планшетом

Возможности библиотеки

Для проверки мы можем заюзать следующие методы:

Определение телефона

  • isiPhone()
  • isBlackBerry()
  • isHTC()
  • isNexus()
  • isDellStreak()
  • isMotorola()
  • isSamsung()
  • isSony()
  • isAsus()
  • isPalm()
  • isGenericPhone()

Определение планшета

  • isBlackBerryTablet()
  • isiPad()
  • isKindle()
  • isSamsungTablet()
  • isHTCtablet()
  • isMotorolaTablet()
  • isAsusTablet()
  • isNookTablet()
  • isAcerTablet()
  • isYarvikTablet()
  • isGenericTablet()

Определение операционной системы

  • isAndroidOS()
  • isBlackBerryOS()
  • isPalmOS()
  • isSymbianOS()
  • isWindowsMobileOS()
  • isiOS()
  • isFlashLiteOS()
  • isJavaOS()
  • isNokiaOS()
  • iswebOS()
  • isbadaOS()
  • isBREWOS()

Определение мобильного браузера

  • isChrome()
  • isDolfin()
  • isOpera()
  • isSkyfire()
  • isIE()
  • isFirefox()
  • isBolt()
  • isTeaShark()
  • isBlazer()
  • isSafari()
  • isMidori()
  • isGenericBrowser()

Примеры

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://mobiledetect.net/
Перевел: Станислав Протасевич
Урок создан: 15 Января 2014
Просмотров: 50983
Правила перепечатки

5 последних уроков рубрики «PHP»

Фильтрация данных с помощью zend-filter

Когда речь идёт о безопасности веб-сайта, то фраза «фильтруйте всё, экранируйте всё» всегда будет актуальна. Сегодня поговорим о фильтрации данных.

Контекстное экранирование с помощью zend-escaper

Обеспечение безопасности веб-сайта — это не только защита от SQL инъекций, но и протекция от межсайтового скриптинга (XSS), межсайтовой подделки запросов (CSRF) и от других видов атак. В частности, вам нужно очень осторожно подходить к формированию HTML, CSS и JavaScript кода.

Подключение Zend модулей к Expressive

Expressive 2 поддерживает возможность подключения других ZF компонент по специальной схеме. Не всем нравится данное решение. В этой статье мы расскажем как улучшили процесс подключение нескольких модулей.

Совет: отправка информации в Google Analytics через API

Предположим, что вам необходимо отправить какую-то информацию в Google Analytics из серверного скрипта. Как это сделать. Ответ в этой заметке.

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

Подборка из нескольких видов PHP песочниц. На некоторых вы в режиме online сможете потестить свой код, но есть так же решения, которые можно внедрить на свой сайт.

Php определить мобильное устройство

Motto: «Every business should have a detection script to detect mobile readers.»

Mobile Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.

Your website’s content strategy is important! You need a complete toolkit to deliver an experience that is optimized, fast and relevant to your users. Mobile Detect class is a server-side detection tool that can help you with your RWD strategy, it is not a replacement for CSS3 media queries or other forms of client-side feature detection.

We’re committed to make Mobile_Detect the best open-source mobile detection resource and this is why before each release we’re running unit tests and research and update the detection rules on monthly basis.

See the history of the project.

  • JetBrains is sponsoring the project by providing licenses for PHPStorm and DataGrip.
  • Mobile_Detect 2.x.x is only integrating new regexes, User-Agents and tests. We are focusing on new tablets only. The rest of the PRs about TVs, bots or optimizations will be closed and analyzed after 3.0.0-beta is released.
  • Mobile_Detect 3.x.x is experimental and WIP.

Download and include manually

Use this to quickly test the demo.

  • Download latest release
  • Mobile_Detect.php

Install as a composer package

Use this method to get continuous updates.

or include the dependency in the composer.json file:

  • Live demo!
  • Code examples

Submit a pull request but before make sure you read how to contribute guide.

Paypal
Donate

I’m currently paying for hosting and spend a lot of my family time to maintain the project and planning the future releases. I would highly appreciate any money donations that will keep the research going.

Special thanks to the community for donations, JetBrains team for the continuous support and Dragos Gavrila who contributed with the logo.

Modules, plugins, ports

Keep Mobile_Detect.php class in a separate module and do NOT include it in your script core because of the high frequency of updates. When including the class into your web application or module always use include_once ‘../path/to/Mobile_Detect.php to prevent conflicts.

JavaScript

  • mobile-detect.js — A JavaScript port of Mobile-Detect class. Made by Heinrich Goebl.

Varnish Cache

  • Varnish Mobile Detect — Drop-in varnish solution to mobile user detection based on the Mobile-Detect library. Made by willemk.
  • mobiledetect2vcl — Python script to transform the Mobile Detect JSON database into an UA-based mobile detection VCL subroutine easily integrable in any Varnish Cache configuration. Made by Carlos Abalde.

LUA

  • mobile-detect.lua is a port of Mobile-Detect to Lua for NGINX HTTP servers. Follows closely to mobile-detect.js. Supports all methods that server-side mobile-detect.js supports. Fully unit-tested and synced with Travis CI (Build Passing badge included). Made by Mark Walters.

PHP

WordPress

Mobile Detect for WordPress — WordPress has a built-in function ( wp_is_mobile() ) to detect mobile devices. There is (at least) one catch, though. It considers iPad (iPad pro, and any tablet) as a mobile. So, this 3rd party module changes the way wp_is_mobile() works with the help of Mobile Detect PHP library! Made by Pothi Kalimuthu

WordPress Mobile Detect — Gives you the ability to wrap that infographic in a [notdevice][/notdevice] shortcode so at the server level WordPress will decide to show that content only if the user is NOT on a phone or tablet. Made by Jesse Friedman.

mobble — provides mobile related conditional functions for your site. e.g. is_iphone() , is_mobile() and is_tablet() . Made by Scott Evans.

WordPress Responsage — A small WordPress theme plugin that allows you to make your images responsive. Made by Adrian Ciaschetti.

WP247 Body Classes — Add unique classes to the body tag for easy styling based on various attributes (archive, user, post, mobile) and various WordPress «is» functions. Mobile attributes include type of device, Operating System, Browser, etc. Examples: .is-mobile, .is-not-mobile, .is-tablet, .is-ios, .is-not-ios, .is-androidos, .is-chromebrowser. Made by wescleveland56.

Adaptive Content for WordPress provides the most intuitive set of shortcodes for including/excluding content on mobile devices, tablets desktops and other more specific device parameters. This lightweight plugin lets content writers and theme authors choose when WordPress should or shouldn’t show any give content item using shortcodes and quicktags or theme elements using functions. Made by AddFunc.

AddFunc Mobile Detect for WordPress redirects mobile traffic to your mobile website and, basically, gives you loads of control over your mobile redirects. Made by AddFunc.

Drupal

Drupal Mobile Switch — The Mobile Switch Drupal module provides a automatic theme switch functionality for mobile devices, detected by Browscap or Mobile Detect. Made by Siegfried Neumann.

Drupal Context Mobile Detect — This is a Drupal context module which integrates Context and PHP Mobile Detect library. Created by Artem Shymko.

Drupal Mobile Detect — Lightweight mobile detect module for Drupal created by Matthew Donadio.

Joomla

yagendoo Joomla! Mobile Detection Plugin — Lightweight PHP plugin for Joomla! that detects a mobile browser using the Mobile Detect class. Made by yagendoo media.

User Agent Detector plugin — This system plugin detects the user agent of your website visitor and sets a session variable accordingly. Based on the user agent, the plugin detects if the site is running on a desktop pc, tablet or smartphone. It can also detect if the visitor is a spider bot (search engine). Session variable that is set: ualayout . Possible values: desktop, tablet, mobile, bot. Made by @ReneKreijveld.

Magento

Magento helper from Optimise Web enables the use of all functions provided by Mobile Detect. Made by Kathir Vel.

Magento 2 Mobile Detect Theme Change is an extension for Magento 2 that will change the theme or redirect to a different URL. Also containing a helper to check for the device type.

PrestaShop

  • PrestaShop is a free, secure and open source shopping cart platform. Mobile_Detect is included in the default package since 1.5.x.

Laravel

Agent is a user agent class for Laravel based on Mobile Detect with some additional functionality. Made by Jens Segers.

Laravel Mobile Detect is a package that enables you to use device detection right in your Laravel Blade templates. (Utilises the well-known, constantly updated PHP mobile detection library.) Made by Barnabas Kecskes.

BrowserDetect is a browser and mobile detection package, collects and wrap together the best user-agent identifiers for Laravel. Created by Varga Zsolt.

Zend Framework

ZF2 Mobile-Detect is a Zend Framework 2 module that provides Mobile-Detect features (Mobile_Detect class as a service, helper for views and plugin controllers). Made by neilime.

ZF2 MobileDetectModule facilitates integration of a PHP MobileDetect class with some ZF2-based application. Has similar idea like the existing ZF2 Mobile-Detect module, but differs in initialization and provision routine of the actual Mobile_Detect class. Appropriate view helper and controller plugin also have different conceptions. Made by Nikola Posa.

Symfony

Symfony2 Mobile Detect Bundle is a bundle for detecting mobile devices, manage mobile view and redirect to the mobile and tablet version. Made by Nikolay Ivlev.

Silex Mobile Detect Service Provider is a service provider to interact with Mobile detect class methods. Made by Lhassan Baazzi.

Slim Framework

  • Slim_Mobile_Detect implements Mobile_Detect lib for different responses write on Slim Framework App.

ExpressionEngine

  • EE2 Detect Mobile is a lightweight PHP plugin for EE2 that detects a mobile browser using the Mobile Detect class. Made by Gareth Davies.

Yii Framework

Yii Extension — Mobile detect plugin for Yii framework. Made by Alexey Salnikov.

Yii Extension — Mobile detect component for Yii framework 1.x version which supports composer package manager. Made by Candas Minareci.

Yii2 Device Detect — Yii2 extension for Mobile-Detect library. Made by Alexander Nestorov.

CakePHP

  • CakePHP MobileDetect is a plugin component for CakePHP 2.x. Made by Gregory Gaskill.

FuelPHP

  • Special Agent is a FuelPHP package which uses php-mobile-detect to determine whether a device is mobile or not. It overrides the Fuelphp Agent class its methods. Made by Robbie Bardjin.

TYPO3

  • px_mobiledetect is an extension that helps to detect visitor’s mobile device class (if that’s tablet or mobile device like smartphone). Made by Alexander Tretyak.

Other

PageCache is a lightweight PHP library for full page cache, with built-in Mobile-Detect support. Made by Muhammed Mamedov.

Kohana Mobile Detect is an example of implementation of Mobile_Detect class with Kohana framework. Written by Luiz Alberto S. Ribeiro.

MemHT is a Free PHP CMS and Blog that permit the creation and the management online of websites with few and easy steps. Has the class included in the core.

concrete5 is a CMS that is free and open source. The library is included in the core.

engine7 is PHP Open Source Framework. The Mobile_Detect class is included in the engine.

Zikula is a free and open-source Content Management Framework, which allows you to run impressive websites and build powerful online applications. The core uses Mobile-Detect to switch to a special Mobile theme, using jQueryMobile.

UserAgentInfo is a PHP class for parsing user agent strings (HTTP_USER_AGENT). Includes mobile checks, bot checks, browser types/versions and more. Based on browscap, Mobile_Detect and ua-parser. Created for high traffic websites and fast batch processing. Made by quentin389.

LJ Mobile Detect is a simple implementation of Mobile Detect for Craft CMS. Made by Lewis Jenkins.

Detect Craft is a Craft CMS wrapper for the Mobile_Detect library. Made by Mikkel Rummelhoff.

Grav Plugin Mobile Detect is a simple implementation of Mobile Detect for Grav CMS. Made by Dimitri Longo.

Perl

  • MobileDetect.pm is a Perl module for Mobile Detect. Made by Sebastian Enger.

Python

  • pymobiledetect — Mobile detect python package. Made by Bas van Oostveen.

Ruby

  • mobile_detect.rb is a Ruby gem using the JSON data exposed by the php project and implementing a basic subset of the API (as much as can be done by the exposed data). Made by Karthik T.

Go

  • GoMobileDetect is a Go port of Mobile Detect class. Made by https://github.com/Shaked.

LUA

  • ua-lua is a small lib written in LUA providing device type detection. ua-lua is detecting mobile or tablet devices based on user-agent inside nginx daemon. Made by Frédéric Robinet.

.Net

  • mobile-detect is a .Net partial port written in C#. Made by Valentin Dide.

ColdFusion

  • MobileDetect is a CFC port of the Mobile_Detect PHP Library. Made by Giancarlo Gomez.

Experiments

  • Mobile Detect Fast (See: #474) is a class to increase the performance of Mobile Detect lib. Made by LanaGuani.
  • © 2020 GitHub, Inc.
  • Terms
  • Privacy
  • Security
  • Status
  • Help
  • Contact GitHub
  • Pricing
  • API
  • Training
  • Blog
  • About

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Mobile_Detect: php-класс для определения мобильных устройств

Mobile_Detect – это PHP-класс с открытым исходным кодом, который позволит вам определять мобильные устройства. Он использует строку User-Agent в сочетании с различными HTTP-заголовками для определения мобильной среды. Класс способен понять, платформа относится к мобильному, планшетному или настольному устройству.

Здесь также присутствуют функции для определения iPad, iPhone, Android, Blackberry и так далее. И мы даже можем создавать выпадающие меню с версиями платформ и браузеров, если это потребуется.

Здесь есть огромная библиотека устройств (включая Nook, Nexus, Kindle, Archos..) и браузеров.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Бесплатные PDF-скетчи шаблонов для веб-сайтов, мобильных устройств и планше .

Detector: определение браузера и способностей устройства при помощи PHP

QUOjs: миниатюрная JS-библиотека для мобильных проектов

Countly: мобильное приложение для аналитики с открытым кодом

syze: Media Queries, основанные на Javascript

jQuery Mobile становится стабильнее с версией 1.0

Lungo.js: мобильная веб-платформа на HTML5

MobileESP: легкое и быстро определение мобильных устройств

Kivy: бесплатная кросс-платформенная библиотека для разработки инновационны .

PhotoSwipe: галерея изображений для мобильных и планшетных устройств

  • Все технические моменты онлайн-бизнеса в видеоформате
  • Все технические моменты. Продвинутый уровень
  • Joomla — профессиональный сайт за 1 день
  • Evernote-мастер
  • Супер After Effects
  • Моя первая зеркалка
  • Интернет-магазин под ключ
  • Секреты создания эффектных презентаций
  • Фотошоп для фотографа 2013
  • Супер Cinema 4D
  • Обнаженная натура. Секреты ретуши и тонировки
  • Резервное копирование
  • Как создать информационный бестселлер на DVD или CD
  • Lightroom-чародей. Секреты скоростной фотообработки
  • Фотошоп с нуля в видеоформате
  • Фотошоп уроки для повышения мастерства
  • Javascript + jQuery для начинающих
  • Photoshop для фотографа
  • Photoshop CS5 от А до Я
  • Секреты создания шикарных фотокниг
  • Мастерство создания коллажа в Photoshop
  • Быстрая ретушь с Retouch Panel
  • Joomla 3 – профессиональный сайт за один день. Стандарт
  • YouTube-Мастер 2014
  • 20.05 | 10:20 —

10 принципов веб-дизайна, которые повышают конверсию сайта

2009—2014 © CoolWebmasters.Com — онлайн-журнал для профессиональных веб-дизайнеров и разработчиков. Все права защищены.
Наш онлайн-журнал предоставляет самую свежую и актуальную информацию для профессиональных веб-дизайнеров и разработчиков в виде переводов статей и новостей, полученных с зарубежных информационных ресурсов. Дизайн и разработка сайта — лаборатория D.L.E. Templates.Com

Копирование материалов сайта разрешено только с указанием активной индексируемой гиперссылки на наш сайт!

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

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

Как определить, является ли это мобильным устройством с PHP?

Я пишу веб-сайт с PHP. Поскольку для доступа в Интернет кому-либо из них необходимо будет получить доступ, я должен создать мобильную версию. Как лучше всего проверить, является ли это мобильным устройством? Я не хочу иметь оператор switch с 50 устройствами в конце, так как я не только хочу поддерживать iPhone.

Есть ли класс PHP, который я мог бы использовать?

Вам нужно проверить несколько заголовков, которые отправляет клиент, например USER_AGENT и HTTP_ACCEPT. Ознакомьтесь с этой статьей для всеобъемлющего сценария обнаружения для мобильных пользовательских агентов в PHP.

Вы должны посмотреть на Tera-WURFL , это программный пакет на базе PHP и MySQL, который обнаруживает мобильные устройства и их возможности. Вот код Tera-WURFL, который вы использовали бы, чтобы определить, мобильное устройство для посещения:

Еще одна вещь, которую следует учитывать: многие сайты действительно предлагают другой URL-адрес для мобильных устройств. В качестве примера см. http://m.facebook.com . Благодаря увеличению возможностей устройств в наши дни это дает вашим пользователям возможность. Если они находятся на устройстве, которое может эффективно обрабатывать полный веб-сайт (используя масштабирование и многое другое), то они, вероятно, будут очень раздражены, будучи вынуждены в конкретный макет.

Для части перенаправления я использовал

Для более подробной информации о моем внедрении, пожалуйста, прочитайте мой блог по адресу http://haibuihoang.blogspot.com/2012/11/how-to-redirect-mobile-users-to-your.html.

Традиционно мобильные устройства были обнаружены путем сопоставления заголовка HTTP-пользователя HTTP со списком известных мобильных строк UA. Вместо этого новый подход пытается обнаружить наличие настольной ОС – все, что, как установлено, не является настольной ОС, должно быть мобильным.

Это приводит к гораздо менее ложным срабатываниям.

Я написал сообщение с образцом кода в Python здесь: http://notnotmobile.appspot.com

Будет ли пользовательский агент в запросе предоставить вам достаточно информации для принятия решения?

Здесь есть хороший список пользовательских агентов .

Для обнаружения на основе User-Agent используйте базу данных WURFL . По крайней мере, это всеобъемлющий и постоянно обновляемый.

Если вы нацеливаетесь только на высококачественные (ish) телефоны, вам может не понадобиться их вообще обнаруживать, просто вставляйте соответствующие таблицы стилей мобильных устройств .

Если вы хотите настроить контент на какое-либо конкретное устройство, например, чтобы изменить размер изображений на ширину устройства, вы также можете использовать DeviceAtlas . На основе useragent запрашивающего устройства он укажет размер экрана, поддерживаемые форматы изображений, поддерживаемые типы разметки, максимальный размер страницы и т. Д.

Большинство мобильных сайтов используют исключительно user_agent. База данных с открытым исходным кодом возможностей устройства поддерживается на странице http://wurfl.sourceforge.net/. Используя wurlf и на основе user_agent, вы можете идентифицировать физическую и пиксельную ширину экрана, длину и многие другие параметры и принять решение об их рендеринге ,

Что такое мобильное устройство? Более слабый процессор? Более низкая пропускная способность? В действительности у него есть экран, разрешение которого ниже 320×240, а глубина цвета ниже 24.

Вы также должны использовать Javascript. Эта ссылка даст вам представление: http://www.w3schools.com/js/tryit.asp?filename=tryjs_browsermonitor

Это не лучший вариант для решения мобильного устройства путем проверки агента пользователя. Вы должны присоединиться к проверке ширины устройства JavaScript с проверкой агента пользователя PHP. Но до некоторой степени проверка агента пользователя приемлема.

Я использую это. Не так хорошо, как WURFL, но легко решает мои проблемы:

Оцените статью
Fobosworld.ru
Добавить комментарий

Adblock
detector