Однажды мне потребовалось определить определенное мобильное устройство на JS, для решения данной задачи использовался данный скрипт. При необходимости, с помощью данного скрипта можно реализовать показ определенных блоков или баннеров только на мобильном устройстве или на ПК.
Код скрипта:
|
1 2 3 4 5 6 7 8 9 10 11 |
<script type="text/javascript"> var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { document.write("Мобильное устройство!"); } else { document.write("НЕ мобильное устройство!"); } </script> |
Если Вы хотите скрыть какой-либо div-блок на мобильном устройстве Вам достаточно изменить в данном скрипте строку: ‘document.write(«Мобильное устройство!»);’, на: ‘document.getElementById(«hide_menu_from_mobile»).hidden=true;’, таким образом Вы сможете скрыть содержимое блока: ‘hide_menu_from_mobile’, на мобильном устройстве.
Пример скрипта:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script type="text/javascript"> var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { document.getElementById("hide_menu_from_mobile").hidden=true; // document.write("Мобильное устройство!"); } else { // document.write("НЕ мобильное устройство!"); } </script> |
Ну и сам блок:
|
1 2 3 |
<div id="hide_menu_from_mobile"> <center><h1>Это не будет видно на мобильном....</h1></center> <div> |
Оставить комментарий
