Я занимаюсь разработкой сайта в php with responsive HTML
, Теперь я хочу скрыть меню, если пользователь открывает этот сайт в mobile browser (iOS and Android)
,
Тогда как я могу проверить в HTML or jQuery
Так что я могу hide menu.
Я пытался найти, но не нашел правильного решения.
Дайте мне знать, если кто-нибудь есть.
Спасибо
с 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';
}
}
Других решений пока нет …