Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Использование Менеджера приложений (не переведен до конца)

Менеджер приложений - это новый инструмент в Firefox для Рабочего стола, который предлагает вам инструменты чтобы помочь вам тестировать, разрабатывать и отлаживать веб-приложения HTML5 на телефонах базированных на Firefox OS и в Симуляторе Firefox OS, прямо в вашем браузере.

Менеджер приложений состоит из:

  • Панели Приложений, которая сортирует локальные приложения (исходный код расположен на вашем компьютере) и приложения из Интернета, позволяя вам собирать и устанавливать их на вашем устройстве или симуляторе, и отлаживать их используя Панели.
  • Панели устройств, которая отображает информацию о подключенном устройстве включая версию Firefox OS, права нужные для использования API вашего устройства и установленные приложения.
  • Панели, которые наборы инструментов разработки (веб-консоль, инспектор, отладчик и др.) могут подключиться к рабочему приложению через Панель Приложении чтобы провести отладочные операции.

Быстрая установка:

Эта часть создана чтобы настроить и запустить как можно быстрее. Если вам надо больше деталей, то, пожалуйста , пройдите далее к части ("Конфигурация системы и устройства")  и начинайте читать оттуда. Также посмотрите часть ("Поиск неисправностей) для помощи, если у вас проблема.

  1. Убедитесь, что у вас установлен Firefox 26+ для Рабочего стола.
  2. Откройте Менеджер приложении( в адресной строке наберите about:app-manager).
  3. Если у вас нет настоящего устройства:
    1. Установите симулятор Firefox OS
    2. В нижней панели Менеджера приложений, нажмите на Start Simulator , потом нажать на имя установленного симулятора, который должен появиться.
  4. Если у вас есть настоящее устройство:
    1. Убедитесь, что у вас установлен Firefox OS 1.2 или выше
    2. На Windows, установите драйвера предоставленные производителем телефона.
    3. В настройках вашего устройства, отключите Lock Screen (Settings > Screen Lock) и включите Remote Debugging (Settings >Device information > More information > Developer)
    4. Установите плагин Помощника ADB на Firefox Desktop.
    5. Подключите ваше устройство к компьютеру через USB порт.
    6. Вы должны увидеть имя вашего устройства в нижней Панели Менеджера приложений. Нажмите на нее.
  5. Нижняя панель должна показать:"Соединено с xxx"
  6. Нажмите на Панель Приложений и добавьте приложение (на компьютере или в интернете)
  7. Кнопка Обновить проверяет ваше приложение и устанавливает его в Симулятор/Устройство.
  8. Кнопка Отладка подключает инструменты разработчика к рабочему приложению.
  9. Просмотрите часть Troubleshooting для помощи если у вас есть проблема.

Конфигурация системы и устройства

Первое что вам будет нужно сделать, когда вы используете Менеджер Приложений - это удостовериться, что телефон и система настроены правильно. Эта часть посвящена тому,  чтобы пройти все нужные шаги.

Необходим Firefox OS 1.2 и более

Убедитесь, что ваше устройство работает на Firefox OS 1.2/Boot2Gecko 1.2 или больше. Чтобы проверить версию Firefox OS, на котором работает устройство, пройдите к Settings > Device Information > Software.

Если у вас версия ниже, то от телефона зависит, будете вы устанавливать новую версию Firefox 1.2+, или настраивать и собирать самостоятельно из исходного кода.

Доступные сборки:

Geeksphone Keon/Peak сборки (англ.) (чтобы узнать зачем они пройдите к Обновление и персонализация телефонов на Firefox OS Developer Preview /Geeksphone(англ.))

Чтобы построить свою сборку Firefox OS 1.2+, следуйте инструкциям расположенным в Сборка и установка Firefox OS, начиная с Прежде, чем собрать Firefox OS.

Удаленная отладка

Далее вам надо включить удаленную отладку в Firefox OS. Чтобы это сделать, перейдите в Settings > Device information > More information > Developer и проверьте галочку Remote Debugging.

Помощник ADB(OMA)

Весь процесс использует Android Debug Bridge(ADB)(Отладочный Мост Android(OMA) для того, чтобы обрабатывать подключение между компьютером и устройством. Есть два способа запуска ADB:

Позвольте Firefox обрабатывать ADB(рекомендовано). Установите плагин помощник ADB(англ.), который сделает процесс быстрее. Когда это установлено, не будет нужды устанавливать ADB, не надо будет вводить команду adb forward. Все это обработает плагин.

Установить плагин Помощник ADB

Если использовать ADB самостоятельно, то он у вас должен быть установлен на компьютере - загрузите и установите adb (просмотрите Get the Android SDK(англ.)) как часть пакета Android SDK. Вам нужно будет включить переадресацию адресов, чтобы это сделать надо ввести команду в терминал:

adb forward tcp:6000 localfilesystem:/data/local/debugger-socket

Заметьте, что это надо делать всегда после перезагрузки/отключения-подключения телефона к сети.

Примечание: Нет нужды вводить эту команду если у вас установлен Помощник ADB.

Подключение устройства к Менеджеру Приложений

Когда настройка завершена, пришло время подключить устройство к компьютеру и запустить менеджер приложений:

  • Подключите ваше устройство к компьютеру через USB.
  • Отключите блокировку экрана. Чтобы это сделать, зайдите в Settings > Screen Lock и уберите галочку с Lock Screen. Это необходимо, потому что, если у вас телефон заблокируется, то подключение прервется, он больше не будет доступен для отладки.
  • Запустите Менеджер Приложений -  в Firefox для рабочего стола выберите Инструменты > Веб-разработка > Управление приложениями, или введите в адресной строке about:app-manager.
  • Под вкладкой Менеджера приложений вы увидете панель индикации

Примечание: Обратите внимание, что другие элементы управления в строке состояния соединения позволяют подключить Симулятор Менеджера Приложений, который мы рассмотрим в следующем разделе, и изменить порт, чтобы соединение происходило успешно. Если изменить порт, вы также должны будете включить переадресацию для этого порта, также, как указано в Enable port forwarding разделе выше.

Использование плагина

Firefox OS Simulator

Если у вас нет реального устройства, доступного для использования Менеджера Приложений, можно еще попробовать его с помощью Firefox OS Simulator. Для начала, установите соответствующий симулятор для вашей операционной системы:

Установить Симулятор

Примечание: в настоящее время доступен только Firefox OS 1.2 симулятор, хотя в будущем могут появиться более новые версии.

После установки симулятора, вы должны найти в строке состояния соединения, в нижней части вкладки Менеджер Приложений, и нажмите кнопку "Start simulator". Появится три кнопки :

Панель приложений

Теперь, когда все работает, рассмотрим функционал доступный в Менеджере Приложений, начиная с Панели приложений. Отсюда вы можете отправить существующие приложения на ваше устройство одним нажатием и отладить его:

Информация о вашем приложении должна появиться в правой половине окна, как показано ниже:

Редактор Манифестов

Начиная с Firefox 28 версии Панель Приложений включает в себя Редактор Манифестов:

Отладка

Кликните по "Update" чтобы обновить (установить) приложение на устройство. Кликните по "debug" для подключения набора инструментов, что позволит вам непосредственно отлаживать свой код:

Примечание: Вы будете наслаждаться играя с панелью инструментов - попробуйте измененить DOM, CSS и т.д., и вы увидите что изменения отображаются на устройстве в режиме реального времени. Такие изменения будут сохранены в коде приложения, вы увидите их в следующий раз, когда вы откроете приложение на устройстве.

До Firefox 28, инструменты открывались в отдельном окне. Начиная с Firefox 28  инструменты запускаются в отдельной вкладке в самом Менеджере Приложений, на одном ряду с вкладками Приложения и Устройства. Вкладке дается значок вашего приложения, поэтому ее легко найти:

Ошибки

Если приложение не было добавлено успешно - например, если URL был неправильным, или вы выбрали упакованную папку приложения - запись будет добавлена ​​к странице для этого приложения, но это будет включать в себя сведения об ошибке.

Вы также можете удалить приложение из Менеджера, подведя курсор к Приложению "имя / описание" слева от окна, и нажать кнопку "X", которая появляется в каждом конкретном случае. Это, однако, не удаляет приложение с устройства. Для этого вам нужно вручную удалить приложение с помощью самого устройства.

Панель устройства

Вкладка "Устройство" показывает информацию о подключенном устройстве. Из окна "Установленные Приложения", приложение на устройстве может быть запущено и отлажено.

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

В окне "Разрешения" необходимы привилегии для различных Web APIs на текущем устройстве:

Наконец, вы можете сделать скриншот экрана текущего устройства, нажав на кнопку "Screenshot". Скриншот появится в новой вкладке в Firefox, и оттуда вы можете сохранить его, если хотите.

Отладка проверенных приложений

В настоящее время только устройства под управлением Firefox OS 1.2 способны отлаживать сертифицированные приложения. Если у вас есть разработанная сборка, вы можете включить отладку сертифицированных приложений, изменив опцию devtools.debugger.forbid-certified-apps на false в вашем профиле. чтобы сделать это, выполните слудующие шаги:

 

  1. На вашем компьютере, введите команду в Терминале/командной строке для входа в файловую систему с помошью оболочки:

    adb shell

    Вам надо получить root@android.

  2. Делее, остановить запущенный B2G используя следующую команду:

    stop b2g
  3. Прослудейте в следующий каталог:

    cd /data/b2g/mozilla/*.default/
  4. Тут надо обновить файл prefs.js с помощью следующей строки:

    echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js
  5. После того, как вы закончите редактирование и сохраните файл, запустите B2G снова,  используя следующую команду:

    start b2g
  6. Выйдете из файловой системы с помощью команды exit ; это вернет вас к нормальной работе терминала.

  7. Перепоключитесь к Менеджеру Приложений и вы должны увидеть сертифицированные приложения доступными для отладки.

Примечание: Если вы захотите добавить эти предпорчтения в свою сборку вы можете запустить make DEVICE_DEBUG=1 reset-gaia.

Поиск неисправностей

Если устройство не распознается:

Не можете подключить устройство к менеджеру приложений или запустить симулятор? Дайте нам знать or сообщите об ошибке.

  1. Убедитесь что у вас установлен Firefox 26+
  2. Откройте Менеджер приложений (в адресной строке наберите about:app-manager)
  3. Если у вас нет настоящего устройства:
    1. Установите симулятор Firefox OS
    2. На нижней панели Менеджера приложений, нажмите на Start Simulator , потом нажмите на имя установленного симулятора, который должен появиться.
      1. Если у вас есть реальное устройство:
        1. Убедитесь, что устройство работает под управлением Firefox OS 1.2+
        2. В Windows, убедитесь, что драйвер, предоставленный производителем телефона установлен
        3. В настройках вашего устройства, отключена функиця Блокировки Экрана (Settings > Screen Lock) и включена функция Удаленной Отладки (Settings > Device information > More information > Developer)
        4. Установите плагин Помощник ADB в Firefox рабочего стола
        5. Подключите устройство к вашему ПК с помощью кабеля USB
        6. Вы должны увидеть название вашего устройства в правом нижнем углу Менеджера Приложений. Нажмите туда.
      2. Строка состояния должна показать "Подключено к XXX"
      3. Кликните на Панели Приложений и добавтье приложение (упакованное или состоявшееся)
      4. Кнопка Обновить проверит ваше приложение и установит его на Симулятор/Устройство
      5. Кнопка Отладка подключит средства разработки в работающие приложения
      6. Смотрите раздел Troubleshooting  для помощи, если проблемы остались
      • Пусть Firefox обрабатывет ADB (рекомендуется) Установите плагин Помощник ADB, что делает этот процесс проще. При этом нет необходимости устанавливать ADB, и нет необходимости вводить команду adb forward : все сделает плагин Помощник ADB

        Загрузить плагин Помощник ADB
      • Используйте ADB вручную. Вам нужно, чтобы он установлен на вашем компьютере - скачать и установить adb (см. Скачать Android SDK) как часть пакета Android SDK. Вы должны будете включить переадресацию порта, введя следующую команду в строке терминала:
        adb forward tcp:6000 localfilesystem:/data/local/debugger-socket

 

Метки документа и участники

 Внесли вклад в эту страницу: chrisdavidmills, jsx, anton7572, ruslan_g02
 Обновлялась последний раз: chrisdavidmills,