Как сделать мобильный редирект

Быстрые ссылки:
При помощи htaccess При помощи PHP При помощи JavaScript
Обратите внимание

Если вы используете WordPress или Joomla, вы можете воспользоваться специализированными плагинами для мобильного редиректа.
Google, рекомендует не использовать мобильный редирект вовсе (имеется ввиду не делать отдельный домен/поддомен для мобильного сайта), а сделать адаптивную верстку сайта.

Редирект при помощи .htaccess файла

  1. Редирект пользователей на мобильную версию сайта
    RewriteEngine On
    # Проверка mime типов, которые обычно поддерживаются мобильными устройствами
    RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC]
    RewriteCond %{REQUEST_URI} ^/$
    RewriteRule ^ http://m.domain.com%{REQUEST_URI} [R,L]
    Замените m.domain.com на домен своего мобильного сайта.

PHP редирект

  1. Редирект на мобильный сайт Используйте для определения мобильного устройства специальную библиотеку Mobile Detect, реализация есть практически для всех фреймворков и CMS (Репозиторий на GitHub)
    <?
    // пример работы библиотеки Mobile Detect require_once 'Mobile_Detect.php';
    $detect = new Mobile_Detect;
    if ( $detect->isMobile() ) {// код}
    if ( $detect->isTablet() ) {// код}
    if ( $detect->isiOS() ) {// код}
    if ( $detect->isAndroidOS() ) {// код}
    ?>
    Как видите, можно определять не только мобильное устройство или таблетку/планшет, но и операционную систему.

JavaScript редирект

  1. Перенаправление на мобильную версию
    <script type="text/javascript">
    if (screen.width <= 480) {
    window.location = "http://m.domain.com";
    }
    </script>
    Замените m.domain.com на адрес своего мобильного сайта. Как видите, мы определяем тип устройства по его разрешению (ширине экрана в данном случае). 480px, это типичное максимальное разрешение для Iphone или Android устройств. Типчные разрешения разных устройств

Yutex — Хостинг, на котором все просто работает.
Yutex — Хостинг, на котором все просто работает.