Мобильное приложение Jquery с Cordova в Visual Studio не отвечает - PullRequest
Новая
       28

Мобильное приложение Jquery с Cordova в Visual Studio не отвечает

0 голосов
/ 26 августа 2018

Я создаю приложение с помощью jquery mobile и cordova в Microsoft Visual Studio.

У меня есть страница 

<div data-role="page" id="home">
    <header data-role="header" data-theme="b">
        <h1>Practice</h1>
    </header>
    <article data-role="content">
        <ul data-role="listview" id="homeLinks" data-filter="true">
            <li><a href="javascript:void(0)"><h1>List1</h1></a></li>
            <li><a href="javascript:void(0)"><h1>List2</h1></a></li>
            <li><a href="javascript:void(0)"><h1>List3</h1></a></li>
            <li><a href="javascript:void(0)"><h1>List4</h1></a></li>
            <li><a href="javascript:void(0)"><h1>List5</h1></a></li>
        </ul>
    </article>
    <footer data-role="footer" data-position="fixed" data-theme="b">
        <nav data-role="navbar">
            <ul>
                <li id="back" class="navigate"><a data-icon="back"></a></li>
                <li><a href="#home" data-icon="home"></a></li>
                <li id="next" class="navigate"><a data-icon="forward"></a></li>
            </ul>
        </nav>
    </footer>
</div>

Он прекрасно работает, когда я устанавливаю его на устройстве, но когда я запускаю его в браузере, нижний колонтитул не отображается, а другие элементы используют большую ширину, чем размер браузера. Использование CSS для установки ширины на 100% не работает. Но, если выполнить следующие действия, страница выглядит нормально:

  1. Изменить размер браузера
  2. Использовать элемент проверки браузера

Если я сделаю обе вышеперечисленные вещи в любом порядке, тогда все будет хорошо.

В чем проблема и как я могу ее решить?

Кроме того, еще один вопрос. Я использую геолокацию, которая отлично работает в браузере, но не на мобильном устройстве. Любое предложение или помощь по этому вопросу будет принята с благодарностью. Спасибо за ваш интерес.

...