Как смотреть console.logs в ионном эмуляторе?

Я создаю приложение, используя Ionic framework, который я сделал в браузере до сих пор. Поскольку теперь я хочу использовать плагин cordovaOauth, мне нужно использовать эмулятор. Проблема в том, что я не вижу в эмуляторе какой-либо console.log(), как в браузере, что затрудняет отладку.

Кто-нибудь знает, как в Ionic/Cordova я могу использовать консольное ведение журнала в эмуляторе? Все советы приветствуются!

Ответ 1

Просто включите журналы консоли в эмуляторе. Вот мой пример:

> ionic emulate ios --livereload

  Setup Live Reload
  Running dev server: http://localhost:8100
  Adding in default Ionic hooks
  Running live reload server: http://localhost:35729
  Watching : [ 'www/**/*', '!www/lib/**/*' ]
  Ionic server commands, enter:
    restart or r to restart the client app from the root
    goto or g and a url to have the app navigate to the given url
    consolelogs or c to enable/disable console log output
    serverlogs or s to enable/disable server log output
    quit or q to shutdown the server and exit

Введите consolelogs в командной строке и нажмите enter.

  consolelogs

  Console log output: enabled
  Loading: /?restart=382451
  ionic $ 0     498458   log      Hi there! This is from console.log

Ответ 2

запустить ionic emulate ios -l -c

Это откроет эмулятор с функцией перепрограммирования, и вы увидите все журналы консоли в терминале. Чтобы отключить (или включить) консольные журналы, просто напишите consolelogs или просто c в терминале, когда работает ионный сервер

Другим очень удобным способом отладки вашего приложения при использовании эмулятора/устройства iOS является использование инструментов разработчика Safari.

Когда приложение запустится - введите Safari и выберите "Разработать > iOS Simulator > вашу страницу"

Если вы работаете с реальным устройством, вы увидите имя устройства вместо "iOS Simulator"

Если вы не видите меню "Разработка" в сафари - введите настройки Safari и включите его со вкладки "расширенный"

Ответ 3

Если вы не хотите просматривать журналы консоли в эмуляторе/симуляторе, используйте

ionic emulate -l -c <PLATFORM>
Если вы не будете смотреть консольные журналы при тестировании на устройстве, вы можете запустить эту команду:

ionic run -l -c <PLATFORM>

-c = --consolelogs: печатать журналы консоли приложения в Ionic CLI (запрос на загрузку)

-l = --livereload: Живые перезагрузить файлы приложений с устройства

Может помочь кому-то!

Ответ 4

Если вы тестируете свое веб-приложение на устройстве под управлением Android 4.4 или выше, вы можете удаленно отлаживать свои веб-страницы в WebView с помощью инструментов разработчика Chrome. Просто откройте chrome://проверьте на рабочем столе телефон в режиме USB Debugging.

Ответ 5

Есть несколько способов отладки вашего ионного приложения.

В браузере вы можете уловить ошибки в консоли.
Если вы эмулируете свое приложение на симуляторе или мобильном устройстве, вы можете установить плагин cordova, который отображает js-ошибки в консоли xcode. Таким образом, вы можете эмулировать свое устройство и ловить ошибки на xcode.

Вот как вы добавляете плагин:

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

Надеюсь, это поможет! Это было очень удобно для меня, когда я отлаживал ошибки GeoFire и тестировал камеру cordova и геолокацию api.

Ответ 6

В Ionic 3 вы можете сделать это с помощью

ionic cordova run android --emulator -l -c

Замените android на ios в зависимости от ваших требований. Дополнительная информация здесь: https://ionicframework.com/docs/cli/cordova/run/