Перенаправить мобильные устройства на альтернативную версию моего сайта

Вы можете использовать базу данных описаний устройств (например, WURFL), которая распознает клиентское устройство по заголовкам запроса. Затем вы можете запросить эту базу данных, чтобы решить, может ли устройство обрабатывать ваш сайт (например, поддерживать javascript или достаточно ли большой экран), прежде чем решить, перенаправлять ли их на другой сайт.

Вы не упоминаете свою среду, но WURFL предоставляет API для Java и PHP, а также, возможно, для других. Если прилагаемого API нет, вы все равно можете использовать WURFL, но вам придется анализировать и обрабатывать XML-данные самостоятельно.

media = "handheld" не работает с современными смартфонами, такими как iphone, которые претендуют на роль обозревателя настольного компьютера (использует тип мультимедиа screen).

http://detectmobilebrowser.com/ Бесплатная версия с открытым исходным кодом, имеет комплексную программу проверки мобильных пользовательских агентов, доступную на многих языках - javascript, php, asp.net, ruby ​​и т. д.

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

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

у вас останется объект JSON, который выглядит так:

{
     "complete_device_name":"Apple iPhone 6",
     "is_mobile":true,
     "form_factor":"Smartphone"
}

Затем вы можете использовать это:

if (WURFL.is_mobile === true) {
    window.location.replace("http://stackoverflow.com");
}

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

ИМО, лучше всего указать пользовательский агент: здесь - это список User-Agent, который кажется довольно полным (к сожалению, по-французски).

Просто поместите это в свой заголовок:

<script type="text/javascript">
 <!--
  if (screen.width <= 700) {
  window.location = "http://www.mobile-site.com";
  }
 //-->
</script>

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

Альтернативой WURFL является Mobile Detect, класс PHP для обнаружения:

• Планшет
• Мобильный
• iOs
• Android
• Браузеры
• И многое другое

Так что, если WURFL не выполняет то, что вам нужно, вы всегда можете это проверить.

По согласованию со Скаффманом, другая база данных устройств - это DeviceAtlas. Однако за это придется заплатить.

Если устройство не поддерживает JS, лучше рассмотреть решение на стороне сервера, и WURFL API может помочь в этом направлении.

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

По этой причине я написал сценарий JS под названием «redirection_mobile.js», который обнаруживает пользовательского агента браузера и перенаправляет на мобильную версию вашего сайта, если вы обращаетесь к нему с мобильного устройства.

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

Вы можете найти исходный код на github здесь http://github.com/sebarmeli/JS-Redirection-Mobile-Site, и вы можете прочитать более подробную информацию в одной из моих статей здесь:

http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/

Простой:

<link rel="alternate" media="handheld" href="WEBSITE HERE">

поместите это в раздел заголовка.

вот рабочее решение

RewriteEngine On
RewriteBase /

#http://stackoverflow.com/questions/3680463/mobile-redirect-using-htaccess
# Check if mobile=1 is set and set cookie 'mobile' equal to 1
RewriteCond %{QUERY_STRING} (^|&)mobile=1(&|$)
RewriteRule ^ - [CO=mobile:1:%{HTTP_HOST}]

# Check if mobile=0 is set and set cookie 'mobile' equal to 0
RewriteCond %{QUERY_STRING} (^|&)mobile=0(&|$)
RewriteRule ^ - [CO=mobile:0:%{HTTP_HOST}]

# cookie can't be set and read in the same request so check
RewriteCond %{QUERY_STRING} (^|&)mobile=0(&|$)
RewriteRule ^ - [S=1]

# Check if this looks like a mobile device
RewriteCond %{HTTP:x-wap-profile} !^$ [OR]
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC,OR]
RewriteCond %{HTTP:Profile}       !^$
RewriteCond %{QUERY_STRING} !^mobile=0(?:&|$)
# Check if we're not already on the mobile site
RewriteCond %{HTTP_HOST}          !^m\.
# Check to make sure we haven't set the cookie before
RewriteCond %{HTTP:Cookie}        !\mobile=0(;|$)
# Now redirect to the mobile site
RewriteRule ^ http://m.yourdomain.com%{REQUEST_URI} [R,L]

# Go back to full site
RewriteCond %{HTTP_HOST} ^m\.
RewriteCond %{QUERY_STRING} (?:^|&)mobile=0(?:&|$)
RewriteRule ^ http://yourdomain.com%{REQUEST_URI} [R,L]

RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [NC,L]

RewriteRule ^.*$ index.php [NC,L]