Вопросы Теги

Загружать сценарий JQuery Mobile только для мобильных устройств

У меня есть веб-страница, которая должна корректно отображаться на мобильных устройствах. Для этого я загрузил скрипт JQuery Mobile в заголовок страницы. Тег head выглядит так:

<head> 
    <title>Page Title</title> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>

И использовать в элементах тела страницы атрибуты роли данных -для отображения вещей. Страницы выглядят довольно хорошо на мобильных устройствах, но выглядят одинаково, даже если запрос исходит из не -мобильного браузера.

Я хотел бы знать, знает ли кто-нибудь способ загрузки сценария JQuery Mobile, только если запрос поступает с мобильного устройства.

Что я пробовал до сих пор, так это использовать функцию, которая обнаруживает мой пользовательский агент и загружает скрипт, если это мобильное устройство:

function init() {

    if(isMobile()) {
        document.write('<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />');
document.write('<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>');
dcument.write('<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>');
    }
}


function isMobile() {

    if(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/IEMobile/i))
            return true;
        return false;
}
12
задан Ionică Bizău 27 January 2013 в 11:21
поделиться