Как узнать, что сайт открыт в мобильном браузере или на ПК?

Я занимаюсь разработкой сайта в php with responsive HTML, Теперь я хочу скрыть меню, если пользователь открывает этот сайт в mobile browser (iOS and Android),

Тогда как я могу проверить в HTML or jQuery Так что я могу hide menu. Я пытался найти, но не нашел правильного решения.

Дайте мне знать, если кто-нибудь есть.

Спасибо

2

Решение

с CSS Вы можете использовать @ media-запросы, например:

@media screen and (max-width: 1199px) {
.your-navigation{
display:none;
}
}

или вы используете JQuery как следующее:

if($(window).width()<=1199){
$(".your-navigation").hide();
}

но я бы пошел с медиа-запросами, потому что это более элегантный и более легкий способ изменить!

так что на самом деле вы не проверяете, является ли это мобильным браузером или настольным компьютером, но вполне нормально, чтобы проверить ширину браузера … я думаю, это больше, чем вы хотите …

** редактировать **

после некоторых мыслей я просто хочу сказать, что можно получить текущий браузер, используя javascript, но я бы не рекомендовал это вам, потому что это не пыль, и вам будет очень тяжело получить все браузеры и так далее. … как я уже сказал, идти с шириной! 🙂

(вот ссылка на сайт с подходом)

** редактировать 2 **

относительно вашего комментария:

проверять этот ссылку, это должно быть именно то, что вы хотите

вот код, спасибо feeela

/**
* Determine the mobile operating system.
* This function either returns 'iOS', 'Android' or 'unknown'
*
* @returns {String}
*/
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;

if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
{
return 'iOS';

}
else if( userAgent.match( /Android/i ) )
{

return 'Android';
}
else
{
return 'unknown';
}
}
3

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]