Разная страница для десктопных и мобильных пользователей

Курите responsive design. Стилями прячьте ненужную ссылку на десктопной или мобильной версии сайта.

http://mobiledetect.net/

if user agert == мобильный {(ссылка для него)}

else {(стандартная ссылка)}

---------- Добавлено 02.04.2015 в 19:34 ----------

if user agert == мобильный {(ссылка для него)}

else {(стандартная ссылка)}

Всем спасибо!

SeVlad, такой вариант кажется самым простым.

---------- Добавлено 02.04.2015 в 16:49 ----------

Кто-нибудь может с ходу сформировать примерный код? :) Спасибо! ;)

Так примерный я показал. Конкретный несколько сложнее :) Первый попавшийся на первый взгляд рабочий вариант из япоиска.

Но на самом деле я согласен с тов. Дикий пионер. Даже средствами css (@media) можно скрыть/отрыть (не)нужны блоки.

Кстати. Не будет ли проблем с поисковиками? Все таки разный контент роботу и пользователю получается.

Контент будет одинаковый для пользователя и робота, в зависимости с какого девайса зашёл пользоватеь.

Если правильно определяется смартфон/планшет и дескоп при заходе с них на сайт, то всё будет в поряде. Роботы разные для мобильных и дескоптных вариантов. Сумбурно, но как-то так.:)

Вот такой вот, самый простой код получился:

<script>

var ua = navigator.userAgent.toLowerCase();

var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");

if(isAndroid) {

document.write('<a href="http://www.android.com">Ссылка</a>');

} else {

document.write('PC: <a href="http://www.ibmpc.com">Ссылка</a>');

}

</script>

Это окъ? :)

OK.Только вместо document.write лучше так:

ссылка которую надо переписать:

<a id="link" href="http://www.ibmpc.com">Ссылка</a>

код

<script>

var ua = navigator.userAgent.toLowerCase();

var isAndroid = ua.indexOf("android") > -1;

if(isAndroid) {

document.getElementById('link').href = 'http://www.android.com';

}

</script>