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
|
---
title: Отладка Firefox Desktop
slug: Tools/Remote_Debugging/Debugging_Firefox_Desktop
tags:
- Debug
- Debugging
- Guide
- Tools
- Отладка
translation_of: Tools/Remote_Debugging/Debugging_Firefox_Desktop
---
<div>{{ToolsSidebar}}</div><p>Это руководство объясняет, как использовать <a href="/ru/docs/Tools">Инструменты разработчика Firefox</a> для отладки различных версий десктопного Firefox, запущенного на том же компьютере. В этом документе экземпляр Firefox, который будет отлаживаться, назовём <em>отлаживаемый(</em><em>debuggee</em><em>)</em>, а тот, с которого производится отладка - <em>отлаживающий</em> (<em>debugger, отладчик</em>).</p>
<h2 id="Включение_удалённой_отладки">Включение удалённой отладки</h2>
<p>Во-первых, убедитесь, что в обоих Firefox (отлаживаемый и отлаживающий) установлены галочки "Включить удалённую отладку" (Enable remote debugging) и "Включить инструменты отладки browser chrome и дополнений" (Enable chrome and add-on debugging), которые находятся в настройках <a href="/ru/docs/Tools">Инструментов разработчика Firefox</a>. Если у вас используется <a href="/en-US/Firefox/Developer_Edition">Firefox Developer Edition</a>, то галочки уже установлены по умолчанию.</p>
<p>Это потребуется сделать только однажды. После перезагрузки настройки сохранятся.</p>
<h2 id="Запуск_сервера_отладчика">Запуск сервера отладчика</h2>
<p>Далее нужно стартовать сервер отладчика в отлаживаемом Firefox.</p>
<h3 id="До_Firefox_37">До Firefox 37</h3>
<p>До Firefox 37: открыть <a href="/ru/docs/Tools/GCLI">Панель разработчика</a> и введите команду:</p>
<pre>listen 6000</pre>
<p>Это укажет отлаживаемому прослушивать клиентов-отладчиков на порту 6000. Кроме этого нигде больше не используйте порт 6000.</p>
<p>После перезагрузки нужно будет ввести команду заново.</p>
<h3 id="После_Firefox_37">После Firefox 37</h3>
<p>Начиная с Firefox 37 и далее описанный метод работает, но есть другой: запустите <em>отлаживаемый </em>из командной строки, передав ему параметр <code>--start-debugger-server</code>:</p>
<pre>/path/to/firefox --start-debugger-server</pre>
<p>Без аргументов параметр <code>--start-debugger-server</code> запустит прослушивание сервером 6000 порта. Для использования другого порта передайте его номер:</p>
<pre>/path/to/firefox --start-debugger-server 1234</pre>
<p>Отметьте: в Windows вызов <code>start-debugger-server</code> записывается с одним "минусом":</p>
<pre>firefox.exe -start-debugger-server 1234</pre>
<div class="note">
<p><strong>Примечание</strong>: По умолчанию и по соображениям безопасности включена (через about:config) опция<code> devtools.debugger.force-local</code>. Если нужно отлаживать Firefox с другого компьютера, то измените её, но только в безопасной сети или за файерволом, чтобы предотвратить несанкционированный доступ.</p>
</div>
<h2 id="Подключение">Подключение</h2>
<p>Есть два способа подключения: "Экран подключения" и "WebIDE".</p>
<h3 id="Экран_подключения">Экран подключения</h3>
<p>На <em>отлаживающем </em>Firefox в меню "Разработка" есть пункт "Соединиться...". Кликните его и увидите страницу:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/14157/connect1.png" style="display: block; height: 441px; margin-left: auto; margin-right: auto; width: 606px;"></p>
<p>Введите номер порта, заданный для <em>отлаживаемого</em> и нажмите "Connect". В <em>отлаживаемом</em> увидите диалог для подтверждения подключения:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/10073/remote-warning.png" style="display: block; height: 193px; margin-left: auto; margin-right: auto; width: 502px;">Нажмите"OK" и вернитесь в отладчик. Появится такая страница:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/10065/remote-connect-2.png" style="display: block; margin-left: auto; margin-right: auto; width: 640px;"></p>
<ul>
<li>Под "Available remote tabs" (Доступные удалённые вкладки) находится список всех вкладок <em>отлаживаемого</em>. Кликните в одну для соединения Инструментов разработчика Firefox c ней.</li>
<li>Под "Available remote add-ons" (Доступные удаленные дополнения) находится список всех дополнений на <em>отлаживаемом</em>. Кликните в один для соединения Инструментов разработчика Firefox.</li>
<li>Под "Available remote processes" (Доступные удалённые процессы) - список процессов, запущенных в Firefox. Кликните "Main process" (Главный процесс) для соединения Инструментов разработчика с самим браузером.</li>
</ul>
<h3 id="WebIDE">WebIDE</h3>
<p>На <em>отлаживающем </em>Firefox откройте WebIDE кликните "Select Runtime"/"Remote Runtime" (Удалённый Runtime):</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/14153/webide_select_runtime1.png" style="display: block; height: 580px; margin-left: auto; margin-right: auto; width: 819px;">Вас попросят предоставить имя компьютера и порт. Введите "localhost:6000" или другой номер порта, если прислушивается иной порт (смотря какой вы указали).</p>
<p>На <em>отлаживаемом </em>Firefox появится предупреждение:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/10073/remote-warning.png" style="display: block; height: 193px; margin-left: auto; margin-right: auto; width: 502px;">Кликните OK. WebIDE подключится к главному процессу. Если вы захотите подключиться к вкладке, то в списке слева выберите нужную вкладку, которую будете отлаживать.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/14159/webide_select_tab1.png" style="display: block; height: 569px; margin-left: auto; margin-right: auto; width: 818px;"></p>
|
