From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- files/ru/tools/webide/index.html | 252 --------------------- files/ru/tools/webide/monitor/index.html | 110 --------- .../ru/tools/webide/setting_up_runtimes/index.html | 132 ----------- files/ru/tools/webide/troubleshooting/index.html | 155 ------------- .../index.html" | 29 --- .../index.html" | 123 ---------- 6 files changed, 801 deletions(-) delete mode 100644 files/ru/tools/webide/index.html delete mode 100644 files/ru/tools/webide/monitor/index.html delete mode 100644 files/ru/tools/webide/setting_up_runtimes/index.html delete mode 100644 files/ru/tools/webide/troubleshooting/index.html delete mode 100644 "files/ru/tools/webide/\320\267\320\260\320\277\321\203\321\201\320\272_webide/index.html" delete mode 100644 "files/ru/tools/\321\207\320\265\321\200\320\275\320\276\320\262\320\270\320\272/index.html" (limited to 'files/ru/tools') diff --git a/files/ru/tools/webide/index.html b/files/ru/tools/webide/index.html deleted file mode 100644 index f8c0ab40fd..0000000000 --- a/files/ru/tools/webide/index.html +++ /dev/null @@ -1,252 +0,0 @@ ---- -title: WebIDE -slug: Tools/WebIDE -tags: - - Apps - - Firefox OS - - WebIDE - - tool - - Отладка - - инструменты -translation_of: Archive/WebIDE ---- -
{{ToolsSidebar}}
-

WebIDE даёт вам возможность запускать и выполнять отладку веб-приложений, используя Симулятор Firefox OS или реальное устройство, работающее на Firefox OS.

- -

Она представляет собой среду разработки, в которой можно создавать и редактировать приложения для Firefox OS. WebIDE удобно отображет файлы проекта в древовидной структуре, что обеспечивает легкий доступ к файлам для их последующего редактирования и сохранения. В дополнение прилагается пара шаблонов для быстрого старта.

-
- -

Для начала настройте среду выполнения в WebIDE. Среда выполнения — это окружение, в котором вы сможете запускать и/или выполнять отладку приложения. Среда исполнения может быть реальным устройством, работающим под Firefox OS и подключенным к персональному компьютеру через USB (или по Wi-Fi, начиная с Firefox 39), или это может быть Симулятор Firefox OS, установленный на компьютере.

- -

Затем создайте или откройте существующее приложение. Если вы создаете новое приложение, то можете выбрать один из шаблонов. Это может быть шаблон с минимальной конфигурацией, включающий только базовый набор файлов, необходимых для разработки, либо расширенный, который содержит примеры использования специфического API. WebIDE покажет файлы проекта в виде дерева, и вы можете редактировать и сохранять их во встроенном редакторе. Конечно, совсем необязательно использовать встроенный редактор: можно разрабатывать приложение и во внешней среде разработки, используя WebIDE как дебаггер.

- -

В завершение установите приложение в одну из сред выполнения и запустите его. Затем откройте стандартный набор иструментов разработчика - Инспектор, Веб-консоль, Отладчик JavaScript и так далее — и можете начать изучать и изменять запущенное приложение.

- -
-
-
Запуск WebIDE
-
Как открыть WebIDE из Firefox.
-
Настройка сред выполнения
-
Как подключиться к среде выполнения, в которой вы можете устанавливать приложения в устройства на Firefox OS, на симулятор Firefox OS, и на Firefox для Android.
-
Создание и редактирование приложений
-
Как создавать, открывать, и разрабатывать приложения, используя WebIDE.
-
Меню среды выполнения
-
Выбрав среду выполнения, используйте меню, чтобы получить информацию о среде выполнения и о его приложениях, изменять настройки, или сделать снимок.
-
Запуск и отладка приложений
-
Как установить приложения в среду выполнения и отлаживать их, используя Инструменты разработчика Firefox.
-
Работа над приложениями Cordova в WebIDE
-
начиная с Firefox версии 39, вы можете редактировать и отлаживать приложения Cordova, используя WebIDE.
-
Устранение неполадок
-
Помощь с проблемами с WebIDE, в особенности с проблемами подключения к среде выполнения.
-
- -
-

Чтобы разрабатывать и отлаживать приложения с помощью WebIDE, всё что вам нужно — это Firefox версии 33 или новее. Чтобы протестировать на реальном устройстве работающем под Firefox OS, вам потребуется устройство с Firefox OS 1.2 или новее и USB кабель.

- -

WebIDE совместима только с Firefox OS 1.2 или новее.

-
- -

Установка среды исполнения

- -

Среды исполнения в списке "Select Runtime" (Выбрать среду исполнения), сгруппированы в 3 секции:

- - - -

Если вы впервые установили и настроили WebIDE, то вы возможно не увидите сред исполнения в списке:

- -

Оставшаяся часть главы описывает, как добавить несколько сред исполнения.

- -

Соединение с устройством Firefox OS

- -

Перед тем как установить соединение с устройством Firefox OS, требуется предварительно проделать некоторые действия:

- - - -

Теперь подсоедините устройство к компьютеру с помощью USB. Вы должны увидеть ваше устройство в подгруппе "USB DEVICES" (USB Устройства):

- -

- -

Исправление ошибок

- -

Если вы не видите ваше устройство, то попробуйте следующее:

- -
    -
  1. включите логирование: - -
      -
    1. откройте about:config, и добавьте новый параметр .console.logLevel/ Присвойте ему строковое значение all.
      2. -
    2. в Менеджере Дополнений отключите и снова включите дополнение ADB Helper.
      3. -
    3. Откройте Консоль Браузера и вы увидите в сообщения начинающиеся с adb. Если смысл сообщений вам непонятен, то попросите помощи.
      4. -
    -
    2. -
  2. где можно попросить помощи: зайдите на #devtools чат IRC, и мы постараемся вам помочь.
    3. -
  3. отредактируйте asb_usb.ini: если команда "adb devices" выводит пустой список даже когда телефон подключен и разблокирован, то можно попробовать отредактировать adb_usb.ini.
    4. -
- -

Добавление Симулятора Firefox OS

- -

Симулятор Firefox OS is a version of the higher layers of Firefox OS that simulates a Firefox OS device, but runs on the desktop. It runs in a window the same size as a Firefox OS device, includes the Firefox OS user interface and built-in apps, and simulates many of the Firefox OS device APIs.

- -

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

- -

Симулятор имеет большой объем, поэтому он не встроен в Firefox, а поставляется как плагин. Если вы нажмёте "Установить Симулятор" (Install Simulator)  в меню Среды Исполнения, вас перенаправит на страницу, с которой можно установить различные версии Firefox OS Симулятора.

- -

Вы можете установить сколько угодно версий Симулятора. Но будьте терпеливы — Симуляторы имеют большой объем, и поэтому их загрузка может занять продолжительное время. Как только вы установили Симуляторы, они появятся в меню Среды Исполнения:

- -

Чтобы узнать больше о Симуляторах, просмотрите документацию к ним.

- -

Custom runtimes

- -

With a custom runtime you can use an arbitrary hostname and port to connect to the remote device.

- -

Under the hood, Firefox OS devices and Android devices connect to the desktop using a program called the Android Debug Bridge, or ADB. By default, the WebIDE uses an add-on called the ADB Helper: this simplifies the process for you by installing ADB and setting up port forwarding so the Firefox desktop tools can exchange messages with the device.

- -

This is convenient, but sometimes you need to manage ADB directly, because you have your own custom port forwarding, and in this case you need to set up a custom runtime. For example, you can connect a Firefox for Android device using adb, then set up port forwarding from that device, then use the port number in a custom runtime to connect WebIDE to it.

- -

Как создать новое или открыть существующее приложение

- -

В списке меню «Открыть приложение» (Open App) есть 3 опции: «Создать новое приложение», «Открыть упакованное приложение» и «Открыть приложение на удаленном хосте»:

- -

- -

Создание нового приложения

- -

Выберите "Создать Приложение... " (New App...), чтобы создать новое приложение. Откроется диалог, предлагающий выбрать между двумя шаблонами "Пустое Приложение" (Privileged Empty App) и "Приложение Образец" (Privileged App).

- -

- -

Оба шаблона взяты из колекции шаблонов Mortar, и оба предоствавляют базовую структуру для начала разработки приложения. "Приложение Образец" (Privileged App) показывает, как приложение может использовать разрешения для загрузки контента с удаленного источника.

- -

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

- -

Как открыть упакованное приложение

- -

Выберите "Открыть Упакованное Приложение" (Open Packaged App...), чтобы открыть упакованное приложение. Затем укажите директорию, в которой содержится манифест приложения, и оно откроется в редакторе проекта.

- -

Как открыть приложение на удаленном хосте

- -

Выберите "Открыть Удаленное Приложение" (Open Hosted App...), затем укажите ссылку (URL) на манифест приложения, и приложение откроется в редакторе проекта.

- -

Редактирование приложений

- -

Редактор проекта предлагает удобное окружение для разработки приложений. Слева можно увидеть файловую структуру проекта в виде дерева, а справа панель редактора. Вы можете добавлять и удалять файлы, используя контекстное меню.

- -

- -

Валидация Манифеста

- -

WebIDE автоматически проверяет манифест на наличие определенных общих ошибок. Если она найдет ошибку, то укажет, что в приложении имеются проблемы, а также даст более детальное описание проблемы:

- -

- -

Редактор кода

- -

WebIDE использует редактор кода CodeMirror.

- -

Шорткаты редактора кода

- -

{{ Page ("ru/docs/tools/Keyboard_shortcuts", "source-editor") }}

- -

Автодополнение кода

- -

Редактор имеет функцию автодополнения кода CSS и JavaScript. Для CSS автодополнение всегда включено:

- -

Чтобы открыть подсказки автодополнения для JavaScript, нажмите Control + Space:

- -

- -

Встроенная документация

- -

Редактор также может показывать встроенную документацию к JavaScript. Нажмите Shift + Space, чтобы увидеть всплывающее окно с документацией к объекту, на котором находится курсор:

- -

- -

Нажатие на ссылку [docs] в окне с документацией перенаправит вас на страницу с MDN с описанием объекта, к которому требуется дополнительная документация.

- -

Запуск и отладка приложений

- -

Когда вы готовы к запуску приложения, то выберите среду исполнения из меню "Выбрать среду исполнения" (Select Runtime). Если у вас еще нет ни одной зарегистрированной среды исполнения, то узнайте, как можно это сделать, в главе Настройка среды исполнения.

- - - -

Теперь две вещи изменились. Во-первых, в меню Среды Исполнения появилось 3 дополнительных пункта:

- - - -

Во-вторых, кнопка "play" в центре панели инструментов WebIDE теперь активна: нажмите на неё, чтобы установить и запустить приложение в выбранной среде исполнения:

- -

Чтобы включить отладку приложения, нажмите кнопку "Приостановить" (Pause) — появится Панель Разработчика, соединённая с вашим приложением:

- -

В зависимости от среды исполнения список доступных инструментов может изменяться, однако как минимум будут доступны базовые инструменты: Инспектор, Консоль, Дебаггер JavaScript, Редактор Стилей, Профайлер and Скратчпад. Как и при работе с веб страницами, любое сделанное вами изменение немедленно отобразится в приложении, но при перезапуске приложения изменения не сохраняются. И наоборот, любые сделанные вами изменения в редакторе можно сохранить сразу на диск, но они станут видимыми только после рестарта приложения.

- -

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

- -

With the Simulator, if you click on the app dropdown menu while the runtime is selected, you can see and debug not only your app but all apps running in that runtime, including certified apps:

- -

- -


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

- - - -

Чтобы активировать отладку подписанных приложений, проделайте следующие операции:

- -
    -
  1. На своем компьютере откройте терминал/консоль и выполните команду, чтобы войти на файловую систему устройства через шел: - 
    adb shell
    - -

    Приглашение в терминале должно измениться на root@android.

    -
    2. -
  2. -

    Следующий шаг — остановите B2G:

    - - 
    stop b2g
    -
    3. -
  3. -

    Смените текущую директорию:

    - - 
    cd /data/b2g/mozilla/*.default/
    -
    4. -
  4. -

    Добавьте следующую строку в файл prefs.js :

    - - 
    echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js
-
    -
    5. -
  5. -

    Перезапустите B2G:

    - - 
    start b2g
    -
    6. -
  6. -

    Выйдите из файловой системы Андроида с помощью команды exit; это вернет вас в ваш обычный терминал и вы увидите стандартное приглашение командной строки.

    -
    7. -
- -

Теперь в WebIDE доступны все подписанные приложения на вашем устройстве.

- -

 

- -

 

diff --git a/files/ru/tools/webide/monitor/index.html b/files/ru/tools/webide/monitor/index.html deleted file mode 100644 index 0f7a579909..0000000000 --- a/files/ru/tools/webide/monitor/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: Monitor -slug: Tools/WebIDE/Monitor -tags: - - Monitor -translation_of: Archive/WebIDE/Monitor ---- -
{{ToolsSidebar}}

WebIDE Monitor инструмент предназначеный помочь вам отслеживать эффективность работы Firefox OS  приложений и устройств.

-

The WebIDE Monitor

-

Monitor способен отображать существующие, интерактивные графики для визуализации временных рядов.

-

Доступные графики

-

Monitor поставляется с несколькими различными графиками. Они появляются сразу после того, как WebIDE подключается к Firefox OS.

-

Обычный пример

-

Unique Set Size

-

График показывает работу всех процессов Firefox OS в течение данного времени. Если вас интересует потребление памяти приложением в Firefox OS, запустите приложения, и процесс использования памяти отобразится на графике.

-

Отображение ваших данных

-

Отображать любые данные на Monitor очень легко, он принимает отформатированные обновления из разных источников.

-

Устройства Firefox OS

-

Вы можете отправить данные с подключенного устройства, путем отправки уведомления наблюдателя.

-

Примечание: Если вы хотите сделать это в сертифицированном приложении пожалуйста, следуйте этой инструкции.

-

JavaScript

-

Services.obs.notifyObservers(null, 'devtools-monitor-update', data);

-

Вы можете отправить данные из любого кода JS с chrom привилегией. Пример измерения времени выполнения определенного кода JS:

-

const Services = require('Services');
-
- var start = Date.now();
- // code to benchmark
- var stop = Date.now();
-
- var data = { graph: 'Performance', myFeature: stop-start, time: stop };
- Services.obs.notifyObservers(null, 'devtools-monitor-update', JSON.stringify(data));

-

C++

-

observerService->NotifyObservers(nullptr, "devtools-monitor-update", data);

-

Вы можете отправить данные из любого места в Gecko. Пример измерения времени выполнения определенного кода:

-

#include <time.h>
- #include "nsPrintfCString.h"
- #include "nsIObserverService.h"
-
- clock_t start = clock();
- // code to benchmark
- clock_t stop = clock();
- double time = (double)(stop - start) / (CLOCKS_PER_SEC / 1000);
-
- nsCOMPtr<nsIObserverService> observerService = services::GetObserverService();
- if (observerService) {
-   nsPrintfCString str("{\"graph\":\"Performance\",\"myFeature\":%f}", time);
-   nsAutoString data = NS_ConvertUTF8toUTF16(str);
-   observerService->NotifyObservers(nullptr, "devtools-monitor-update", data.get());
- }

-

С вашего компьютера

-

 

-

Можно легко передавать данные на Monitor по серверу WebSockets. Это может быть полезно, если вы пишете расширение Firefox, инструмент командной строки или веб-service.

-

По умолчанию Monitor ищет сервер работающий на порту 9000 вашего компьютера. Вы можете изменить это путем обновления

-

devtools.webide.monitorWebSocketURL preference.

-

Вы также можете в этот момент принимать данные из локальной сети или из любой точки мира через Интернет.

-

Node.js

-

TODO

-

Python

-

TODO

-

Поддерживаемые форматы

-

Monitor принимает данные в виде объектов JSON, которые обычно выглядят следующим образом:

-

{
-   "graph": "myGraph",
-   "curve": "myCurve",
-   "value": 42,
-   "time": 1234567890
- }

-

Этот формат предназначен для большего удобства. Если указано, что График или кривая не существует, он будет создан автоматически.

-

Произвольные имена

-

Неопознанные записи будут рассматриваться как имя кривой и стоимости.

-

Для маленького пакета данных вы можете использовать что-то вроде:

-

{ "myCurve": 42 }

-

Это добавит данные указывающие на "myCurve" в графе no name. Отсутствует time по умолчанию, когда Monitor получил пакет.

-

Для повышения точности лучше всегда указывать метку времени "timestamp" для хранения данных:

-

{
-   "current": 60,
-   "voltage": 500,
-   "time": 1234567890
- }

-

Несколько значений

-

В одном обновлении, вы можете отправить данные для нескольких кривых:

-

{
-   "graph": "myGraph",
-   "myCurve1": 50,
-   "myCurve2": 300,
-   "myCurve3": 9000,
-   "time": 1234567890
- }

-

Или несколько точек данных для одной кривой:

-

{
-   "graph": "myGraph",
-   "curve": "myCurve",
-   "values": [
-     { "time": 1234567890, "value": 42 },
-     { "time": 1234567981, "value": 51 }
-   ]
- }

-

Multiple обновления

-

И вы также можете отправить несколько обновлений данных в виде массива:

-

[
-   { "graph": "Memory", "time": 1234567890, "System": 2600, "My App": 1000 },
-   { "graph": "Power", "time": 1234567890, "current": 60, "voltage": 500 }
- ]

-

Специальное событие

-

Чтобы отметить специальное событие в графе с вертикальной чертой, добавьте ключ событий для обновления вашего:

-

{
-   "graph": "myGraph",
-   "event": "myEvent",
-   "time": 1234567980
- }

diff --git a/files/ru/tools/webide/setting_up_runtimes/index.html b/files/ru/tools/webide/setting_up_runtimes/index.html deleted file mode 100644 index 2fd78e6f57..0000000000 --- a/files/ru/tools/webide/setting_up_runtimes/index.html +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: Настройка времени выполнения -slug: Tools/WebIDE/Setting_up_runtimes -tags: - - Боковая панель - - Операционная Система - - Руководство - - Симуляторы -translation_of: Archive/WebIDE/Setting_up_runtimes ---- -

{{ToolsSidebar}}

- -

Время выполнения это среда где вы будете выполнять и отлаживать приложение, такое как веб браузер. Время выполнения может быть:

- - - -

В WebIDE, вы будете использовать боковую панель в правой стороне для управления временами выполнения:

- -

- -

В этой боковой панели времена выполнения сгрупирированны в четыре типа:

- -
-
USB УСТРОЙСТВА
-
Устройства Firefox OS подключены через USB. С Firefox 36 это также позволяет вам подключиться к Firefox for Android over USB.
-
WI-FI УСТРОЙСТВА
-
Устройства Firefox OS подключены через Wi-Fi. Новое в Firefox 39.
-
СИМУЛЯТОРЫ
-
Экземпляры установленного вами симулятора Firefox OS.
-
ДРУГИЕ
-
Удаленные среды выполнения для подключения WebIDE к произвольному хосту и порту. Если у вас есть Valence надстройка установлена, этот раздел также перечислит additional runtimes it enables.
-
- -

Остальная часть этого раздела описывает, как вы можете добавить некоторые среды выполнения.

- -

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

- -

Если у вас достаточно свежая версия Firefox и Firefox OS, вы можете подключиться по WI-FI. В противном случае вы должны подключиться через USB.

- - - -

Подключение к Firefox для Android

- -

Устройства Android, подключенные через USB и работающие с Firefox для Android, отображаются как среда выполнения в разделе «Устройства USB». Начиная с Firefox 42, вы можете подключаться к Firefox для Android через Wi-Fi.

- - - -

Добавление Симулятора

- -

Firefox OS Simulator

- -

является версией более высоких уровней ОС Firefox, которая имитирует устройство с ОС Firefox, но работает на рабочем столе. Он работает в окне того же размера, что и устройство с ОС Firefox, включает в себя пользовательский интерфейс ОС Firefox и встроенные приложения, а также имитирует многие API-интерфейсы устройства с ОС Firefox.

- -

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

- -

Симулятор поставляется не внутри Firefox, а как Firefox дополнение.Если вы нажмете «Установить симулятор» на боковой панели «Runtime», вы перейдете на страницу, с которой вы можете установить симуляторы для различных версий Firefox OS.

- -

Вы можете установить сколько вам угодно. Однако будьте терпеливы: Симулятор может занять несколько минут для скачивания.

- -

Заметьте для того чтобы запустить Firefox OS Симулятор 2.6 или позднюю версию, вы должны использовать Firefox 45 или позднюю версию.

- -

Один раз установя некоторые Симуляторы вы можете закрыть это "Extra Components" окно, и Симуляторы которые вы установили появляются как опция в панели времён выполнения:

- -

- -

Для того чтобы узнать больше о Симуляторе, посмотрите его документацию.

- -

Конфигурирование Симуляторов

- -

Новое в Firefox 42

- -

Начиная с Firefox 42, в боковой панели рядом с каждым перечисленным Симулятором вы увидите иконку настроек:

- -

- -

Кликните его, и вы увидите экран позволяющий вам управлять Симулятором:

- -

Вы можете:

- - - -

Другие времена выполнения

- -

Удалённое время выполнения

- -

С помощью удаленной среды выполнения вы можете использовать произвольное имя хоста и порт для подключения к удаленному устройству.

- -

Устройства Firefox OS и Android подключаются к рабочему столу с помощью программы, называемой Android Debug Bridge, или ADB. По умолчанию в WebIDE используется надстройка, которая называется ADB Helper: это упрощает процесс, устанавливая ADB и настраивая переадресацию портов, чтобы инструменты рабочего стола Firefox могли обмениваться сообщениями с устройством.

- -

В большинстве случаев это удобно, но иногда вам может понадобиться использовать ADB вне WebIDE: например, вы можете запускать ADB непосредственно из командной строки. В этом случае вы подключитесь к устройству, указав хост и порт, используя adb forward команду (пример: adb forward tcp:6000 localfilesystem:/data/local/debugger-socket).
-
-Если вы затем хотите использовать WebIDE для подключения, вам следует разблокировать дополнения и подключить WebIDE, используя опцию Custom runtime, указав хост и порт, которые вы передали в adb forward (пример: localhost:6000).

- -

Кроме того, до Firefox 36 помощник ADB еще не поддерживает подключение к Firefox для Android, поэтому, если вы хотите подключить WebIDE к Firefox для Android, вам нужно настроить собственную переадресацию портов и использовать пользовательскую среду выполнения. узнайте больше о подключении FireFox для Android c использованием .

- -

Valence-enabled времена выполнения

- -

Если у вас установлено дополнение Valence, вы увидите три дополнительных среды выполнения:

- - - -

Инструкции по подключению к этим средам выполнения см. В соответствующей записи в удаленной отладке.

- -

Выбор времени выполнения

- -

После настройки среды выполнения вы можете выбрать ее с помощью боковой панели «Runtime».

- - - -

Теперь кнопка «играть» в центре панели инструментов WebIDE включена: нажмите ее, чтобы установить и запустить приложение в выбранной среде выполнения.

diff --git a/files/ru/tools/webide/troubleshooting/index.html b/files/ru/tools/webide/troubleshooting/index.html deleted file mode 100644 index f4aed2ec9d..0000000000 --- a/files/ru/tools/webide/troubleshooting/index.html +++ /dev/null @@ -1,155 +0,0 @@ ---- -title: Решение проблем с WebIDE -slug: Tools/WebIDE/Troubleshooting -translation_of: Archive/WebIDE/Troubleshooting ---- -
{{ToolsSidebar}}

Подключение устройства на Firefox OS по USB

- -

Если вы пытаетесь подключить устройство на Firefox OS к WebIDE и его не видно, вот некоторые вещи, которые вы можете попробовать:

- - - -

Подключение к устройству Firefox OS по Wi-Fi

- - - -

Подключение к Firefox для Android

- -

Если вы пытаетесь подключиться к Firefox, работающему на Android OS и устройство не отображается, то вот несколько вещей, которые вы можете попробовать:

- - - -

Подключение Firefox для Android по Wi-Fi

- - - - - -

Подключение к другим браузерам (Chrome, Safari)

- -

WebIDE использует Valence (бывший Firefox Tools Adapter) для подключения к другим браузерам, например, Chrome and Safari.

- -

При возникновении проблем с подключением к другим браузерам, проверьте настройки, а также примечания касаемо этих браузеров на странице Valence.

- -

Не удаётся отладить некоторые приложения

- -

Если вы понимаете, что вам не удаётся отладить сертифицированные приложения, встроенные приложения или приложения уже установленные на реальном устройстве, то вы вероятно столкнулись с ограниченными привилегиями политики безопасности WebIDE. Чтобы узнать больше, посмотрите раздел Unrestricted app debugging (including certified apps, main process, etc.).

- -

Не удаётся загрузить список проектов

- -

Если открыть WebIDE в одной версии Firefox, а потом откатиться до предыдущей версии Firefox с тем же профилем, вы можете увидеть сообщение об ошибке "не удается загрузить список проектов" при открытии WebIDE в предыдущей версии Firefox.

- -

Это случается, когда система хранения данных, которую использует WebIDE (IndexedDB), требует переместить и реструктурировать внешние файлы для новой версии Firefox. Список проектов становится фактически недоступным для старых версий Firefox.

- -

Данные не теряются, но вам придётся продолжить использовать самую новую версию Firefox, с которой использовался ваш профиль, чтобы получить список проектов обратно.

- -

Если вы очень хотите использовать старую версию Firefox, вы можете попытаться удалить только список проектов следующим образом, но это не поддерживается и может привести к проблемам в дальнейшим или дополнительным потерям данных:

- -
    -
  1. Закройте Firefox
    2. -
  2. Найдите вашу директорию профиля Firefox
    3. -
  3. Найдите папку storage внутри директории профиля
    4. -
  4. В некоторых местах этого древа файлов могут быть файлы и/или директории, которые начинаются с 4268914080AsptpcPerjo (хэшированное имя базы данных)) -
      -
    • -

      Например, они могут располагаться в <профиль>/storage/permanent/indexeddb+++fx-devtools/idb

      -
      • -
    -
    5. -
  5. Удалите все подобные файлы и директории
    6. -
  6. Запустите Firefox и WebIDE снова
    7. -
- -

Включить ведение журнала

- -

Вы также можете включить подробное протоколирование для сбора диагностических данных:

- -
    -
  1. Откройте about:config, и добавьте новый параметр, называемый extensions.adbhelper@mozilla.org.sdk.console.logLevel со значением all и установите extensions.adbhelper@mozilla.org.debug в true.
    2. -
  2. В дополнениях, отключите и заново включите дополнение ADB Helper.
    3. -
  3. Откройте Веб-консоль и вы увидите сообщения с префиксом adb. Если эти сообщения ничего для вас не значат, попросите помощи.
    4. -
- -

Получить помощь

- -

Зайдите на IRC-канал #devtools, и мы постараемся вам помочь.

diff --git "a/files/ru/tools/webide/\320\267\320\260\320\277\321\203\321\201\320\272_webide/index.html" "b/files/ru/tools/webide/\320\267\320\260\320\277\321\203\321\201\320\272_webide/index.html" deleted file mode 100644 index 929a74b817..0000000000 --- "a/files/ru/tools/webide/\320\267\320\260\320\277\321\203\321\201\320\272_webide/index.html" +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Запуск WebIDE -slug: Tools/WebIDE/Запуск_WebIDE -tags: - - Tools - - WebIDE -translation_of: Archive/WebIDE/Opening_WebIDE ---- -
{{ToolsSidebar}}

Есть три способа открытия WebIDE:

- - - -

- -

Нажмите на него и вы увидите как откроется WebIDE:Ниспадающий список слева с надписью «Открыть Приложение» (Open App) позволяет открывать существующие приложения или создавать новые. Ниспадающий список справа с надписью «Выбрать Runtime» (Select Runtime) позволяет выбрать среду исполнения или установить и настроить новую.

- -

Кнопки посередине «запустить», «остановить» и «отладка» приложения активны только, когда уже открыто какое-то приложение и выбрана среда исполнения для него.

- -

You can change the font size throughout WebIDE using the standard keyboard shortcuts (use Command instead of Control on OS X):

- - diff --git "a/files/ru/tools/\321\207\320\265\321\200\320\275\320\276\320\262\320\270\320\272/index.html" "b/files/ru/tools/\321\207\320\265\321\200\320\275\320\276\320\262\320\270\320\272/index.html" deleted file mode 100644 index 2046bd6a74..0000000000 --- "a/files/ru/tools/\321\207\320\265\321\200\320\275\320\276\320\262\320\270\320\272/index.html" +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: Черновик -slug: Tools/Черновик -tags: - - Scratchpad - - Блокнот - - Веб-разработка - - Редактор - - 'веб-разработка:инструменты' - - инструменты -translation_of: Archive/Tools/Scratchpad ---- -
{{ToolsSidebar}}
- -

Простой редактор (Scratchpad, блокнот) JavaScript обеспечивает среду для экспериментов с JavaScript-кодом. Вы можете писать и запускать в нём код, взаимодействующий с содержимым веб-страницы, и проверять результаты его выполнения.

- -

В отличие от Веб-консоли, которая позволяет интерпретировать только одну строку кода за раз, этот редактор позволяет вам редактировать большие фрагменты кода на JavaScript, затем запускать их разными способами в зависимости от того, как вы хотите использовать вывод результата.

- -

{{EmbedYouTube("Pt7DZACyClM")}}

- -

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

- -

Открываем редактор в отдельном окне

- -

Чтобы открыть окно редактора JavaScript в отдельном окне:

- - - -

Открытие Редактора в окне Инструменты разработки

- -
Новое в Firefox 47.
- -

Начиная с Firefox 47, вы можете открыть редактор внутри окна "Инструменты разработки". Вначале установите галочку напротив «Простой редактор JavaScript», которая находится  в настройках окна "Инструменты разработки" в области "Инструменты разработчика Firefox по умолчанию".

- -

Теперь Редактор будет доступен в окне "Инструменты", наряду с Инспектором, Консолью, Отладчиком и другими. Это особенно удобно в режиме раздельной консоли: например, можно использовать редактор как постоянный многострочный редактор, и консоль для взаимодесствия со страницей.

- -

Редактирование

- -

Окно Редактора выглядит так (на Mac OS X строка меню находится сверху экрана):

- -

A screenshot of the Scratchpad

- -

Меню File предлагает варианты для сохранения и загрузки фрагментов  JavaScript-кода, так что вы можете повторно использовать код позже, если захотите.

- -

Автозавершение кода

- -

Редактор интегрирует анализатор кода Tern,  и использует его для предоставления автодополнений и всплывающих подсказок с информацией о текущем символе. Для просмотра автодополнений нажмите Ctrl + Space.

- -

Например, напишите d, после нажмите Ctrl + Space. Вы увидите окно с вариантами автодополнений: 

- -

- -

Иконка рядом с каждым вариантом указывает на тип выбираемого элемента. Здесь же по выбранному элементу отображается полезная информация. Можно выбирать разные варианты предложений клавишами ↑ and ↓. Для утверждения и вставки слова в текст нажмите Enter or Tab.

- -

Inline documentation

- -

Для просмотра всплывающего окна с документацией нажмите Ctrl + Shift + Space, когда курсор на идентификаторе (Javascript). Например, если вы напишите document.addEventListener, нажмёте Ctrl + Shift + Space, то увидите всплывающее окно, которое показывает краткую информацию о синтаксисе этой функции и краткое описание:

- -

- -

Ссылка [документация] откроет в окне документацию MDN по элементу.

- -

Выполнение кода

- -
-

После того, как вы написали свой код, выделите код, который вы хотите запустить. Если вы ничего не выделите, будет запущен весь код в окне. Затем выберите способ, которым хотите запустить, с помощью одной из кнопок наверху, меню Выполнить в строке меню, или контекстного меню. Код выполняется в контексте выбранной в данный момент вкладке. Все переменные, которые вы определили вне функции, будут добавлены в глобальный объект этой вкладки.

-
- -

Доступны четыре варианта выполнения.

- -

Запуск

- -

Когда вы выбираете опцию Запустить, то выполняется выделенный код. Это способ, которым вы будете выполнять функцию или другой код, который воздействует на содержание вашей страницы. Без необходимости просмотра результата.

- -

Исследовать

- -

Опция Исследовать выполняет код так же, как и Запустить; однако затем открывается объект Инспектор, чтобы вы могли узнать возвращенное кодом значение.

- -

Например, если вы введете код:

- -
window
-
- -

Затем выберите Исследовать, вы получите окно Инспектора, которое может выглядеть примерно так:

- -

Inspecting an object in the Scratchpad

- -

Отобразить

- -

Опция «Отобразить» выполняет выделенный код, затем вставляет результат непосредственно в окно редактора в качестве комментария, так что его можно будет использовать согласно циклу REPL для дальнейшего программирования.

- -

Перезагрузить и запустить

- -

Опция «Перезагрузить и запустить» доступна только в меню Выполнить. Она сначала перезагружает страницу, затем выполняет код по событию страницы «load». Это полезно для выполнения кода в первоначальном окружении.

- -

Запуск Редактора в контексте браузера

- -

Вы можете запустить блокнот в контексте браузера в целом, а не для конкретной веб-страницы. Например, если вы работаете над самим Firefox или разработкой дополнений. Для этого поставьте галочку "Включить инструменты отладки browser chrome и дополнений" в настройках "Инструментов разработки". После этого в меню "Окружение" (в Редакторе) появится опция "Браузер"; как только это произойдет, вашей сферой станет весь браузер, а не только содержимое страницы. Ниже рассмотрен пример, где объект window доступен в любом режиме Окружения, а объект gBrowser только в режиме "Браузер" (иначе появится сообщение об ошибке):

- -
window
-/*
-[object ChromeWindow]
-*/
-
-gBrowser
-/*
-[object XULElement]
-*/
- -

Контекст выполнения Реактора установлен на "Браузер". Если вы открываете файл со скриптом в редакторе, и он первой строкой имеет // -sp-context: browser, то окружение автоматически переключится в режим "Браузер". Это происходит только при открытии.

- -

- -

Сочетания клавиш

- -

{{ Page ("ru/docs/tools/Keyboard_shortcuts", "scratchpad") }}

- -

Сочетания клавиш редактора исходного кода

- -

{{ Page ("ru/docs/tools/Keyboard_shortcuts", "source-editor") }}

-- cgit v1.2.3-54-g00ecf