2015-05-20 8 views
7

Вчера он работал хорошо в симуляторе, но теперь он действует глупо. Я случайно наткнуться на пути, чтобы заставить его работать на тренажере, хотя:Ионное приложение, не работающее на устройстве/симуляторе

Обычно для имитации приложение КСН я бегу

$ ionic run ios 

который теперь показывает приложение, но и «сломанный» версию.

Однако, если я бегу

$ ionic run ios --livereload 

Тогда мое приложение работает, как ожидалось! К сожалению, ионный вид приложение отображает сломанную версию. Chrome (через ionic serve) показывает рабочую версию, поэтому я использую ее для разработки, но мне нужно ее исправлять. Каков процесс устранения неполадок на этом этапе?

ответ

35

Несмотря на то, что этот работал в сети вместе с --livereload проблема была связана со сценарием href url.

Проблема: Карт Google js ссылки использовали «//url.to.site», поэтому мне пришлось вручную добавьте перед «HTTP:» и вуаля.

Как правильно отладить ионную + angularjs приложений на IOS устройств

отладочных это было ужасно , пока я не пришел с до в хорошем растворе. Опасайтесь:требует: OS X или некоторые серьезные навыки взлома.

Вот шаги по порядку:

  1. $ ionic build ios
  2. Открыть TheApp/platforms/ios/TheApp.xcworkspace в Xcode
  3. Сложение/Запустить приложение в Xcode для устройства ИЛИ тренажере
  4. Open Safari ж/Режим разработчика включен (Предпочтения> Дополнительно> Показать меню «Разработка» в строке меню)
  5. В меню Safari выберите Debug>[Name of iOS device]>index.html
  6. Хотя окно инспектор активен, ударил CMD + R (обновить), и вы будете иметь возможность смотреть console.logs от начало страница загрузка.

EDIT Ярлык: Вы можете пропустить шаги 1-3, если вы используете $ ionic run ios --device

Это удивительным, потому что теперь вы можете пошагово код на реальном устройстве IOS! Надеюсь, это избавит вас от кучи времени. Удачи!

для Android устройств

Благодаря @sajclarke я нашел эту статью: https://developer.chrome.com/devtools/docs/remote-debugging

+1

Спасибо. Вы можете выполнить ту же самую отладку на Android через браузер Chrome> Осмотрите устройства, когда устройство подключено через USB, и приложение имеет режим отладки. – sajclarke

+1

@sajclarke Отлично! Спасибо за хорошую информацию. – Jacksonkr

+0

Это потрясающе! +1 – Chocksmith

Смежные вопросы