Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 802621 of Opening WebIDE

  • Revision slug: Tools/WebIDE/Opening_WebIDE
  • Revision title: Opening WebIDE
  • Revision id: 802621
  • Created:
  • Creator: Delapouite
  • Is current revision? No
  • Comment added link to Runtime setup
Tags: 

Revision Content

There are three ways to open WebIDE:

  • In the Tools > Web Developer menu, click on the WebIDE entry.
  • Use the keyboard shortcut Shift + F8.
  • Click the dedicated icon in the Firefox toolbar. This is always present if you're using Firefox Developer Edition, and with any other Firefox from version 36 onwards it appears after you've opened WebIDE once:

Here's what WebIDE looks like:The dropdown on the left labeled Open App lets you open existing apps or create new ones. The dropdown on the right labeled Select Runtime lets you select a runtime or set up a new runtime.

The buttons in the middle run, stop, and debug the app: they are only enabled when you have opened an app and selected a runtime.

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

  • Ctrl + increases font size.
  • Ctrl - decreases font size.
  • Ctrl 0 resets the font size to the default.

Revision Source

 
<p>There are three ways to open WebIDE:</p>

<ul>
 <li>In the <em>Tools &gt; Web Developer</em> menu, click on the <em>WebIDE</em> entry.</li>
 <li>Use the keyboard shortcut <em>Shift + F8</em>.</li>
 <li>Click the dedicated icon in the Firefox toolbar. This is always present if you're using <a href="/en-US/Firefox/Developer_Edition">Firefox Developer Edition</a>, and with any other Firefox from <a href="/en-US/Firefox/Releases/36">version 36</a> onwards it appears after you've opened WebIDE once:</li>
</ul>

<p><img alt="" src="https://mdn.mozillademos.org/files/9437/webide-icon.png" style="display:block; margin-left:auto; margin-right:auto; width:897px" /></p>

<p>Here's what WebIDE looks like:<img alt="" src="https://mdn.mozillademos.org/files/8033/webide-initial.png" style="display:block; height:560px; margin-left:auto; margin-right:auto; width:720px" />The dropdown on the left labeled <em>Open App</em> lets you open existing apps or create new ones. The dropdown on the right labeled <em>Select Runtime</em> lets you select a runtime or <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">set up a new runtime</a>.</p>

<p>The buttons in the middle run, stop, and debug the app: they are only enabled when you have opened an app and selected a runtime.</p>

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

<ul>
 <li><code>Ctrl +</code> increases font size.</li>
 <li><code>Ctrl -</code> decreases font size.</li>
 <li><code>Ctrl 0</code> resets the font size to the default.</li>
</ul>
Revert to this revision