Jump to content
  • 0

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


Nushaba
 Share

Question

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

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


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

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

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


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

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

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

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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


<?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 by Nushaba
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy