Как изменить сайт когда человек заходит на него с телефона?

Question

[arti_djeims]

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

<script type='text/javascript'>if (screen.width <= 800) {document.getElementById('mobiletext').innerHTML = 'You Sit From <B>Mobile!</b> Soon we will create cool Mobile version!';}</script>
<div id="mobiletext"></div>

Answer 1

[Никита Баев]

Проверка ширины экрана — не самая лучшая проверка, лучше по User-Agent:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // ваш код для мобильных устройств
}

Если же вы всё таки хотите через ширину экрана, то лучше так:

if (window.innerWidth <= 800) {
 // ваш код
}

Comments

[arti_djeims]

чето galaxy s4 не раотает

[Никита Баев]

arti_djeims: какой браузер?

[arti_djeims]

Никита Баев: стандартный браузер на galaxy - "интернет"

Answer 2

[mr_dev1l]

#mobiletext {
   display:none;
}
@media  (max-width: 768px) { 
#mobiletext {
   display:block;
}
}

Answer 3

[Алексей Ostin]

В случае, если в mobile не доступен js, можно использовать серверную проверку
https://github.com/serbanghita/Mobile-Detect

Answer 4

[Дмитрий Гормаш]

а че media запросы не использовать? Там и шрифт и вообще, все что угодно можно изменять. Да и без использования js