Мобильный редирект

Question

У меня есть веб-страница, и меня недавно попросили создать мобильную версию для нее, теперь, когда я это сделал, меня попросили сделать автоматическое перенаправление, чтобы, если пользователь заходит на веб-страницу через КПК / iPhone / Смартфон / и т. Д. Он / она автоматически направляется на m.website.com, но я понятия не имею, как это сделать = / Я пробовал некоторые php и javascript, которые я нашел с помощью Google, но пока ничего мне не помогло. Не могли бы вы, ребята?

Answer 1

Проверьте WURFL и создайте перенаправитель 302 для User-Agents, которые соответствуют его списку строк пользовательских браузеров мобильного браузера.

Или просто найдите iPhone в User-Agent и перенаправьте его на свой сайт iPhone. Другие браузеры имеют такую ​​небольшую долю рынка, что вряд ли стоит ориентироваться на них. iPhone составляет 67 процентов трафика HTML в Интернете. Вы можете сделать это в Javascript на своей веб-странице.

Answer 2

Я написал JS-скрипт с именем " redirection_mobile.js " для решения этой проблемы. Он обнаруживает пользовательский агент и перенаправляет на мобильную версию, если вы заходите на сайт с мобильного устройства.

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

Вы можете найти исходный код на github здесь https://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/

Answer 3

Я опубликовал последнюю версию «Apache Mobile Filter», этот проект с открытым исходным кодом имеет за первые 8 месяцев более 1100 загрузок из sourceforge, и я предполагаю, что то же самое из CPAN.

Мобильный фильтр Apache позволяет получить доступ к WURFL с любого языка программирования, а не только с Java и php, которые традиционно используются для динамических мобильных веб-сайтов.

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

Для получения дополнительной информации: http://www.idelfuschini.it/it/apache-mobile-filter-v2x.html

Answer 4

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

если у вас есть php, в большинстве случаев обнаружение User Agent работает хорошо.

< ?php
$browser = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { header(”Location: http://www.example.com/“); }
}
?>

Кроме того, это выглядит как обман: Идентификация различных мобильных телефонов и перенаправление на разные сайты

Answer 5

Этот бит Javascript также может помочь:

<script>
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB10|IEMobile|Opera Mini/i.test(navigator.userAgent) ) //Specify the mobile devices that you would like this if statement to apply to. 
    {
        image_y = document.getElementById('bodyID'); //Get the ID of the body and assign it to a variable.
        image_y.parentNode.removeChild(image_y); //Remove the body to prevent anything loading on the screen in case there are issues with the window location redirect.
        window.location = "mobile.html"; //Re-assign the window location to a new html page that is caters for the redirect. 
    }
</script>

Я поместил его в начало тела HTML.

Answer 6

Я использую http://detectmobilebrowser.com, и обнаружил, что это самый быстрый и простой способ. Это работает довольно хорошо. Этот сайт автоматически генерирует серверные скрипты (php, perl, python, coldfusion, apache, jquery и т. Д.), Которые обнаруживают мобильный браузер и перенаправляют соответственно. Вы можете просто скопировать и вставить код где-нибудь в вашем файле индекса.

Answer 7

«Фильтр Apache Mobile» является одним из модулей портала «Apache Module Registry» (http://modules.apache.org/search.php?id=1787)

Answer 8

Как только вы настроите свой мобильный поддомен, обязательно обратитесь к этой статье из List Apart , в которой описано, как мобильные устройства реагируют на атрибут CSS, media = "handheld". К сожалению, не все реагируют одинаково.

http://www.alistapart.com/articles/returnofthemobilestylesheet

Answer 9

Здесь был задан очень похожий вопрос:

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

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

Это приводит к гораздо меньшему ложному позитивы.

Я написал пост с примером кода в Python здесь:

http://notnotmobile.appspot.com

Определите, является ли устройство рабочим столом - если его нет, перенаправьте на свой мобильный сайт!

Приветствия

John