Разный html код для разных платформ (ПК / Планшет / Телефон)

[Nushaba]

Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем.

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

<a href="skype:+71234567890">+7 (123) 456-7-890</a>

Данный приём позволяет звонить с компа по средством скайпа.

Для телефона / смартфона :

<a href="tel:+71234567890">+7 (123) 456-7-890</a>

Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона.

Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

[lolka84]

Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

Как вы собираетесь с помощью css определять ОС у пользователя ?

Более разумное - это php например. На крайний случай js.

[Nushaba]

Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

Как вы собираетесь с помощью css определять ОС у пользователя ?

Более разумное - это php например. На крайний случай js.

Спасибо за ответ. С помощью CSS можно попробовать подобрать все варианты мобильных браузеров, ну хотя бы наиболее популярные. Может есть примеры пхп и JS кода?

[lolka84]

С помощью CSS можно попробовать подобрать все варианты мобильных браузеров, ну хотя бы наиболее популярные.

Щито ?

Может есть примеры пхп и JS кода?

Гугл и яндекс наше всё.

[Switch74]

а @media не подойдет?

[Nushaba]

Может есть примеры пхп и JS кода?

Гугл и яндекс наше всё.

Спасибо что ткнули носом в яндекс, я честно ценю такую помощь, реально! Это респект!

Switch74, что то я не понял что такое @media В Яндексе как рекомендовал мудрый lolka84 показывает в основном рекламные агенства.

[lolka84]

В Яндексе как рекомендовал мудрый lolka84 показывает в основном рекламные агенства.

Трудно даже представить, что вы пытаетесь у него спрашивать, но например у меня гугл по запросу "определить операционную систему php" выдает вполне приемлемые результаты, некоторые из них даже с готовыми примерами.

[Nushaba]

В Яндексе как рекомендовал мудрый lolka84 показывает в основном рекламные агенства.

Трудно даже представить, что вы пытаетесь у него спрашивать, но например у меня гугл по запросу "определить операционную систему php" выдает вполне приемлемые результаты, некоторые из них даже с готовыми примерами.

Вот за такой ответ действительно спасибо, сразу нашёл что то похожее.

[Switch74]

В Яндексе как рекомендовал мудрый lolka84 показывает в основном рекламные агенства.

Трудно даже представить, что вы пытаетесь у него спрашивать, но например у меня гугл по запросу "определить операционную систему php" выдает вполне приемлемые результаты, некоторые из них даже с готовыми примерами.

яндекс такое может, уже давно не пользуюсь этим хренопоиском

[lolka84]

Вот за такой ответ действительно спасибо, сразу нашёл что то похожее.

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

[Great Rash]

<script>
  alert(navigator.platform); // на винде скажет "Win32", под убунтой скажет "Linux i686"
</script>

Под андроидом скажет что-то другое. И не нужны никакие @media

[Nushaba]

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

Это характер такой, важность свою обязательно показать? В народе таких называют проще. Я всего то попросил совет и если сложно ответить, так нечего лезть тогда! Столько усилий потратили на ерунду, жизни не жалко? Сколько времени уже суммарно ушло на подобные понты, за которые спасибо уж точно не кто не скажет?

Great Rash, спасибо за уточнение.

[Nushaba]

Итак, кому интересно реализовал вот так:

<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
echo'<a style="z-index: 2; position: absolute;" href="tel:+74956482648">+7 (495) 648-2-648</a>';
?>
<a class="z-index: 1;" href="skype:+74956482648">+7 (495) 648-2-648</a>

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

<script>
alert(navigator.platform); // на винде скажет "Win32", под убунтой скажет "Linux i686"
</script>

Под андроидом скажет что-то другое. И не нужны никакие @media

Под андройдом определяется linux.

Тему можно закрывать.

Edited March 22, 2013 by Nushaba