1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
---
title: Настройка времени выполнения
slug: Tools/WebIDE/Setting_up_runtimes
tags:
- Боковая панель
- Операционная Система
- Руководство
- Симуляторы
translation_of: Archive/WebIDE/Setting_up_runtimes
---
<p>{{ToolsSidebar}}</p>
<p>Время выполнения это среда где вы будете выполнять и отлаживать приложение, такое как веб браузер. Время выполнения может быть:</p>
<ul>
<li>экземпляр Firefox, или настольная версия или экземпляр Firefox дляAndroid запускающаяся на телефоне</li>
<li>устройство запускающее Firefox OS, или Firefox OS Симулятор установленный на рабочем столе</li>
<li>различные браузерные движки, такие как Google Chrome или Safari, запускающиеся на рабочем столе или на мобильном устройстве.</li>
</ul>
<p>В WebIDE, вы будете использовать боковую панель в правой стороне для управления временами выполнения:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/12149/webide-right-sidebar.png" style="display: block; height: 712px; margin-left: auto; margin-right: auto; width: 811px;"></p>
<p>В этой боковой панели времена выполнения сгрупирированны в четыре типа:</p>
<dl>
<dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Connecting_a_Firefox_OS_device">USB УСТРОЙСТВА</a></dt>
<dd>Устройства Firefox OS подключены через USB. С Firefox 36 это также позволяет вам подключиться к <a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">Firefox for Android over USB</a>.</dd>
<dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Connecting_over_WiFi">WI-FI УСТРОЙСТВА</a></dt>
<dd>Устройства Firefox OS подключены через Wi-Fi. Новое в Firefox 39.</dd>
<dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Adding_a_Simulator">СИМУЛЯТОРЫ</a></dt>
<dd>Экземпляры установленного вами симулятора Firefox OS.</dd>
<dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Other_runtimes">ДРУГИЕ</a></dt>
<dd>Удаленные среды выполнения для подключения WebIDE к произвольному хосту и порту. Если у вас есть <a href="/en-US/docs/Tools/Valence">Valence</a> надстройка установлена, этот раздел также перечислит <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Valence-enabled_runtimes">additional runtimes it enables</a>.</dd>
</dl>
<p>Остальная часть этого раздела описывает, как вы можете добавить некоторые среды выполнения.</p>
<h2 id="Подключение_Firefox_OS_устройства">Подключение Firefox OS устройства</h2>
<p>Если у вас достаточно свежая версия Firefox и Firefox OS, вы можете <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes#Connecting_over_WiFi">подключиться по WI-FI</a>. В противном случае вы должны подключиться через USB.</p>
<ul>
<li><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_OS_over_USB">how to connect over USB</a></li>
<li><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_OS_over_Wifi">how to connect over WiFi</a></li>
</ul>
<h2 id="Подключение_к_Firefox_для_Android">Подключение к Firefox для Android</h2>
<p>Устройства Android, подключенные через USB и работающие с Firefox для Android, отображаются как среда выполнения в разделе «Устройства USB». Начиная с Firefox 42, вы можете подключаться к Firefox для Android через Wi-Fi.</p>
<ul>
<li><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">Как подключиться по USB</a></li>
<li><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_over_Wifi">Как подключиться по WiFi</a></li>
</ul>
<h2 id="Добавление_Симулятора">Добавление Симулятора</h2>
<p><a href="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a></p>
<p>является версией более высоких уровней ОС Firefox, которая имитирует устройство с ОС Firefox, но работает на рабочем столе. Он работает в окне того же размера, что и устройство с ОС Firefox, включает в себя пользовательский интерфейс ОС Firefox и встроенные приложения, а также имитирует многие API-интерфейсы устройства с ОС Firefox.</p>
<p>Это означает, что во многих случаях вам не нужно реальное устройство для тестирования и отладки вашего приложения.</p>
<p>Симулятор поставляется не внутри Firefox, а как Firefox<a href="/en-US/Add-ons"> дополнение</a>.Если вы нажмете «Установить симулятор» на боковой панели «Runtime», вы перейдете на страницу, с которой вы можете установить симуляторы для различных версий Firefox OS.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/12151/webide-extra-components.png" style="display: block; height: 712px; margin-left: auto; margin-right: auto; width: 811px;">Вы можете установить сколько вам угодно. Однако будьте терпеливы: Симулятор может занять несколько минут для скачивания.</p>
<p>Заметьте для того чтобы запустить Firefox OS Симулятор 2.6 или позднюю версию, вы должны использовать Firefox 45 или позднюю версию.</p>
<p>Один раз установя некоторые Симуляторы вы можете закрыть это "Extra Components" окно, и Симуляторы которые вы установили появляются как опция в панели времён выполнения:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/12153/webide-installed-simulators.png" style="display: block; height: 712px; margin-left: auto; margin-right: auto; width: 811px;"></p>
<p>Для того чтобы узнать больше о Симуляторе, посмотрите его <a href="/en-US/docs/Tools/Firefox_OS_Simulator">документацию</a>.</p>
<h3 id="Конфигурирование_Симуляторов">Конфигурирование Симуляторов</h3>
<p>Новое в Firefox 42</p>
<p>Начиная с Firefox 42, в боковой панели рядом с каждым перечисленным Симулятором вы увидите иконку настроек:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/11321/webide-settings.png" style="display: block; height: 50px; margin-left: auto; margin-right: auto; width: 364px;"></p>
<p>Кликните его, и вы увидите экран позволяющий вам управлять Симулятором:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/12155/webide-simulator-options.png" style="display: block; height: 712px; margin-left: auto; margin-right: auto; width: 811px;">Вы можете:</p>
<ul>
<li>назвать данную запись</li>
<li>указать ему выбранный <a href="/en-US/Firefox_OS/Building_the_Firefox_OS_simulator">Desktop B2G build</a></li>
<li>указать ему выбранный Gaia профиль</li>
<li>симулировать специфичное устройство и размер экрана</li>
</ul>
<h2 id="Другие_времена_выполнения">Другие времена выполнения</h2>
<h3 id="Удалённое_время_выполнения">Удалённое время выполнения</h3>
<p>С помощью удаленной среды выполнения вы можете использовать произвольное имя хоста и порт для подключения к удаленному устройству.</p>
<p>Устройства Firefox OS и Android подключаются к рабочему столу с помощью программы, называемой Android Debug Bridge, или <a href="http://developer.android.com/tools/help/adb.html">ADB</a>. По умолчанию в WebIDE используется надстройка, которая называется ADB Helper: это упрощает процесс, устанавливая ADB и настраивая переадресацию портов, чтобы инструменты рабочего стола Firefox могли обмениваться сообщениями с устройством.</p>
<p>В большинстве случаев это удобно, но иногда вам может понадобиться использовать ADB вне WebIDE: например, вы можете запускать ADB непосредственно из командной строки. В этом случае вы подключитесь к устройству, указав хост и порт, используя <a href="http://developer.android.com/tools/help/adb.html#forwardports"><code>adb forward</code></a> команду (пример: <code>adb forward tcp:6000 localfilesystem:/data/local/debugger-socket</code>).<br>
<br>
Если вы затем хотите использовать WebIDE для подключения, вам следует <a href="https://support.mozilla.org/en-US/kb/disable-or-remove-add-ons#w_how-to-disable-extensions-and-themes">разблокировать дополнения</a> и подключить WebIDE, используя опцию Custom runtime, указав хост и порт, которые вы передали в adb forward (пример: <code>localhost:6000</code>).</p>
<p>Кроме того, до Firefox 36 помощник ADB еще не поддерживает подключение к Firefox для Android, поэтому, если вы хотите подключить WebIDE к Firefox для Android, вам нужно настроить собственную переадресацию портов и использовать пользовательскую среду выполнения. <a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android">узнайте больше о подключении FireFox для Android c использованием </a>.</p>
<h3 id="Valence-enabled_времена_выполнения">Valence-enabled времена выполнения</h3>
<p>Если у вас установлено дополнение Valence, вы увидите три дополнительных среды выполнения:</p>
<ul>
<li>Chrome на Android</li>
<li>Safari на iOS</li>
<li>Chrome Desktop</li>
</ul>
<p>Инструкции по подключению к этим средам выполнения см. В соответствующей записи в <a href="/en-US/docs/Tools/Remote_Debugging">удаленной отладке</a>.</p>
<h2 id="Выбор_времени_выполнения">Выбор времени выполнения</h2>
<p>После настройки среды выполнения вы можете выбрать ее с помощью боковой панели «Runtime».</p>
<ul>
<li>Если вы выбираете симулятор, WebIDE запускает симулятор.</li>
<li>При выборе устройства с ОС Firefox WebIDE подключается к устройству. На устройстве появится диалоговое окно с просьбой подтвердить, что вы хотите подключиться: нажмите «ОК».</li>
</ul>
<p>Теперь кнопка «играть» в центре панели инструментов WebIDE включена: нажмите ее, чтобы <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">установить и запустить приложение</a> в выбранной среде выполнения.</p>
|
