From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/vi/tools/webide/index.html | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 files/vi/tools/webide/index.html (limited to 'files/vi/tools/webide') diff --git a/files/vi/tools/webide/index.html b/files/vi/tools/webide/index.html new file mode 100644 index 0000000000..2c500ad533 --- /dev/null +++ b/files/vi/tools/webide/index.html @@ -0,0 +1,34 @@ +--- +title: WebIDE +slug: Tools/WebIDE +translation_of: Archive/WebIDE +--- +
+

WebIDE enables you to create, edit, run, and debug web apps using the Firefox OS Simulator or a real Firefox OS device.

+ +

It also enables you to connect the Firefox Developer Tools to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. See the Remote Debugging page for instructions on how to connect to a specific browser.

+
+ +

With WebIDE, you first set up one or more runtimes. A runtime is an environment in which you'll run and debug the app. A runtime could be a Firefox OS device connected to the desktop over USB (or over Wi-Fi since Firefox 39), or it could be a Firefox OS Simulator installed on the desktop itself.

+ +

Next, you create an app, or open an existing app. If you're creating a new app you can start with a template that includes the directory structure and the minimum boilerplate you need to get started, or a more complete template that shows how to use a privileged API. WebIDE shows your app's files in a tree, and you can edit and save them using a built-in source editor. Of course, you don't have to use the built-in editor: you can develop your app entirely outside WebIDE, and only use it for debugging.

+ +

Finally, you can install the app in one of the runtimes and run it. You can then open the usual suite of developer tools - the Inspector, Console, JavaScript Debugger and so on - to examine and modify the running app.

+ +
+
+
Opening WebIDE
+
How to open WebIDE from within Firefox.
+
Setting up runtimes
+
How to connect to a runtime in which you can install apps, including Firefox OS devices, the the Firefox OS Simulator, and Firefox for Android.
+
Creating and editing apps
+
How to create, open, and develop apps using WebIDE.
+
The runtime menu
+
Once you've selected a runtime, use the runtime menu to get information about the runtime and its apps, modify settings, and take a screenshot.
+
Running and debugging apps
+
How to install apps to a runtime and debug them using the Firefox Developer Tools.
+
Working with Cordova apps in WebIDE
+
From Firefox 39, you can edit and debug Cordova apps using WebIDE.
+
Troubleshooting
+
Help for problems with WebIDE, especially problems connecting to a runtime.
+
-- cgit v1.2.3-54-g00ecf