AngularJS + jQuery + mobile angular ui + phonegap = fail

Хочу сделать своё первое мобильное приложение для Андроид. Что я использую: AngularJS, Mobile Angular UI, jQuery и PhoneGap.

Мой код:

<!doctype html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-touch.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-base.min.css" />
    <link rel="stylesheet" href="/mobile-angular-ui/dist/css/mobile-angular-ui-desktop.min.css" />
    <link rel="stylesheet" href="/css/demo.css" />
    <script src="/mobile-angular-ui/dist/js/mobile-angular-ui.min.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MainController">

   HERE HTML CODE

<script>

   HERE ALL LOGIC

</script>
</body>
</html>

Во всех браузерах приложение работает отлично и без каких-либо проблем, НО, когда я качаю APK файл и запускаю его на своём Nexus 4, то вижу белый экран :*(

Знающие люди, подскажите пожалуйста, как обнаружить проблему и исправить её?

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті

Теми: Angular, JavaScript, jQuery, phonegap

Ctrl + Enter

Nogin Viacheslav 29.07.2014 14:08

Попробуй с помощью weinre отдебажить. people.apache.org/...atest/Home.html.

Відповісти

Підтримати

Zhuk Alexander Front-End Developer 28.07.2014 14:24

Попробуй скачать библиотеки. Как тут:
github.com/...ster/index.html

Denys Karpov SE 28.07.2014 14:04

когда я качаю APK файл

Как вы собираете билд? Ручками или через адобовский сервис?

Віталій Яровий Senior Front End Developer в Comeet 28.07.2014 08:21

можете спробувати зловити помилку силами самого js
developer.mozilla.org/...andlers.onerror
також порекомендую для відладки phonegap(mobile web pages) програм використовувати
winre
people.apache.org/...atest/Home.html

Fedir Tsapana изобретатель добрых программ 27.07.2014 20:14

Посмотри в LOGCAT — возможно там увидишm сообщение об ошибке. Проверь прописаны ли в манифесте пермишены на интернет. Проверь правильно ли инициализирована WebView (включен ли JavaScript etc..)

Dev Artem mad scientist в far far from home 27.07.2014 16:14

вот пример
www.portlandwebworks.com/...ile-development

Rodion Bykov Senior Back-end Software Engineer 27.07.2014 15:16

Попробуй подходить последовательно — сначала сбилди в приложение простую страницу html+css, потом подключи jquery, потом уже angular. Теструй в бравзере, потом $phonegap build android

Andriy Okhrimenko Technical leader/PHP Architect в Ad Pepper Media 27.07.2014 13:51

Ты не показал свой код, поэтому осмелюсь предположить, что ты делаешь старт своего приложении в не очень подходящий момент. Если я прав, то тебе нужно почитать пол г ивенты. Как минимум про deviceready: cordova.apache.org/...tml#deviceready

Bogdan Shyiak SE or Dev 27.07.2014 11:57

Для начала, посмотрите во что превращается конструкция:

//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js

моя версия в

file://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js

Еще можете подключится отладчиком, если андроид 4.4+ или люой иОС.
.
Второй момент, не вижу подключения самой кордовы. Или она подключается где-то в библиотеках. Кордова нужна для события deviceready, если старт вашего приложения (который в «HERE ALL LOGIC») не завернут в него, то могут быть похожие траблы.

Andrew Kravchuk Frontend Developer 27.07.2014 12:43

Откладчик работает и с 2.3.6 версии, возможно прийдеться устновить драйвер для девайса. Он покажет в консоле IDE если есть ошибки.
Так же можно подключить скрипт debug.phonegap.com , чтоб видеть логи.

Bogdan Shyiak

Galip Oslon 27.07.2014 12:54

ага, проверяйте, в моей приктике были случаи, когда на китайфонах типа Fly были чудесные глюки со стораджем, и конструкции типа file:// ничего не грузили, хотя файлы существовали и на других девайсах все работало.

Galip Oslon 27.07.2014 11:44

научись пользоватся нейтивным апи и забуть фонегап как страшный сон.

Bohdan Vorona Enthusiastic product developer 💡 27.07.2014 11:57

Реплика однозначно не в тему... Я хочу использовать именно эти технологии.

Galip Oslon

Galip Oslon 27.07.2014 12:52

реплика однозначно в тему. Для каждой технологии есть область применимости, выбор технологии должен быть обоснован чем-то . Нельзя надеятся, что веб технологии будут точно также ефективны для мобильного девелопмента. А «хочу использовать именно эти ...» тут эквивалентно фразе «не хочу учить что-то еще»
и как моб. девеловер, скажу тебе одно — проще сделать 2 приложения под андроида и ябко, чем одно кросплатформеноое (если не расматривать случай примитивных приложений)

Bohdan Vorona