Sencha Прикоснитесь, как загрузить пользовательский CSS, JS, если пользователь использует ПК, планшет или SmarthPhone? - PullRequest
Новая
       17

Sencha Прикоснитесь, как загрузить пользовательский CSS, JS, если пользователь использует ПК, планшет или SmarthPhone?

0 голосов
/ 12 октября 2011

Как настроить страницу так, чтобы, когда пользователь использует ПК (Safari / Chrome / Firefox), пользователь получал «обычную» веб-страницу, но когда он использует «ipad» для просмотра того же URL-адреса, он получает Sencha Touch (css,js) файлы в своем браузере?Обнаружение браузера JavaScript, навигатор?Или у Сенчи есть нативное решение для этого?Я знаю о Ext.env.Browser, но у пользователя может быть Safari на ПК и IPAD?Есть идеи?Спасибо!

Ответы [ 3 ]

1 голос
/ 12 октября 2011

Я думаю, что лучшее и самое чистое решение - добавить эту функциональность на стороне сервера.Проверьте заголовок запроса агента пользователя, чтобы решить, какие файлы отправлять.Вы также можете перенаправить на другой поддомен, например, на m.example.com.Но если вы хотите сделать это с сенчей, прочитайте эту статью: http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch

1 голос
/ 12 октября 2011

может быть, вам придется использовать media query для этого

проверьте это http://css -tricks.com / snippets / css / media-query-for-standard-devices /

http://css -tricks.com / 6206 таблиц стилей для конкретного разрешения /

0 голосов
/ 12 октября 2011

Пример: 

<script type="text/javascript">

    var isiPad  = navigator.userAgent.match(/iPad/i) != null;   
    var isiPhone    = navigator.userAgent.match(/iPhone/i) != null; 

        if(isiPad){
            alert("Ipad");
            //window.location = "http://www.google.com/iPad/"
        }if(isiPhone){
            alert("Iphone");
            //window.location = "http://www.google.com/iPhone/"
        }else{
            window.location = "http://www.google.com"
        }

</script>
...