diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
commit | a065e04d529da1d847b5062a12c46d916408bf32 (patch) | |
tree | fe0f8bcec1ff39a3c499a2708222dcf15224ff70 /files/pt-pt/tools | |
parent | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (diff) | |
download | translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.gz translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.bz2 translated-content-a065e04d529da1d847b5062a12c46d916408bf32.zip |
update based on https://github.com/mdn/yari/issues/2028
Diffstat (limited to 'files/pt-pt/tools')
-rw-r--r-- | files/pt-pt/tools/debugger/configurações/index.html | 59 | ||||
-rw-r--r-- | files/pt-pt/tools/scratchpad/index.html | 126 | ||||
-rw-r--r-- | files/pt-pt/tools/webide/index.html | 41 |
3 files changed, 0 insertions, 226 deletions
diff --git a/files/pt-pt/tools/debugger/configurações/index.html b/files/pt-pt/tools/debugger/configurações/index.html deleted file mode 100644 index bd111e5058..0000000000 --- a/files/pt-pt/tools/debugger/configurações/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: Configurações -slug: Tools/Debugger/Configurações -translation_of: Archive/Tools/Debugger_settings ---- -<div>{{ToolsSidebar}}</div><p>O Depurador tem o seu próprio menu de configurações, que pode aceder a partir de um ícone na <a href="/en-US/docs/Tools/Debugger/UI_Tour#toolbar">barra de ferramentas</a>:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12930/debugger-options.png" style="display: block; height: 413px; margin-left: auto; margin-right: auto; width: 845px;"></p> - -<p>Cada definição é um comutador simples de lig./desl.:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td style="width: 40%;"><strong>Auto Prettify Minified Sources</strong></td> - <td>With this option enabled, the debugger will automatically detect minified JS files and <a href="/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">pretty-print</a> them.</td> - </tr> - <tr> - <td><strong>Pause on Exceptions</strong></td> - <td>When this option is enabled, execution of the script will automatically pause whenever a JavaScript exception is thrown.</td> - </tr> - <tr> - <td><strong>Ignore Caught Exceptions</strong></td> - <td> - <p>If this option is set (it is set by default) and "Pause on exceptions" is set, then execution will pause on an exception only if that exception is not caught.</p> - - <p>This is usually the behavior you want. You don't generally want to pause execution when an exception that is thrown is caught, since that generally indicates that your program is handling it properly.</p> - </td> - </tr> - <tr> - <td><strong>Show Panes on Startup</strong></td> - <td>When this option is enabled, the debugger's <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/UI_Tour#Variables_pane" title="#variables-pane">variables pane</a> is visible when you first start the debugger.</td> - </tr> - <tr> - <td><strong>Show Only Enumerable Properties</strong></td> - <td>Do not display non-enumerable JavaScript properties.</td> - </tr> - <tr> - <td><strong>Show Variables Filter Box</strong></td> - <td>Enabling this option adds a "Filter variables" search box to the <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/UI_Tour#Variables_pane" title="#variables-pane">variables pane</a>, so that you can filter the displayed list of variables.</td> - </tr> - <tr> - <td><strong>Show Original Sources</strong></td> - <td>Enabling this option will make the debugger use <a class="external external-icon" href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/" title="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">source maps</a>, if they are available, to display the original source for code which has been combined, minified, or even compiled to JavaScript from a language like CoffeeScript. Defaults to true.</td> - </tr> - <tr> - <td><strong>Automatically Black Box Minified Sources</strong></td> - <td> - <div class="geckoVersionNote"> - <p>New in Firefox 33.</p> - </div> - - <p><span id="summary_alias_container"><span id="short_desc_nonedit_display">Automatically <a href="/en-US/docs/Tools/Debugger/How_to/Black_box_a_source">black box</a> sources whose URL ends with ".min.js". Defaults to true.</span></span></p> - </td> - </tr> - </tbody> -</table> - -<p> </p> diff --git a/files/pt-pt/tools/scratchpad/index.html b/files/pt-pt/tools/scratchpad/index.html deleted file mode 100644 index c232451a3f..0000000000 --- a/files/pt-pt/tools/scratchpad/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Scratchpad -slug: Tools/Scratchpad -tags: - - Desenvolvimento da Web - - 'Desenvolvimento da Web: Ferramentas' - - Ferramentas - - Scratchpad - - 'l10n:priority' -translation_of: Archive/Tools/Scratchpad ---- -<div>{{ToolsSidebar}}</div> - -<div class="blockIndicator warning"> -<p>Scratchpad is deprecated as of Firefox 70 (<a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1565380" rel="noopener" title="FIXED: Add deprecation warning to Scratchpad">bug 1565380</a>), and will be removed as of Firefox 72 (<a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1519103" rel="noopener" title="FIXED: Remove Scratchpad panel">bug 1519103</a>). As an alternative, starting in Firefox 71, you can use the multi-line mode of the <a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/The_command_line_interpreter#Multi-line_mode">JavaScript console input</a>.</p> -</div> - -<p>Scratchpad proporciona um ambiente para testar com o código JavaScript. Pode escrever, exeutar, e examinar tos resultados do código que interage com a página da Web.</p> - -<p>Ao contrário da <a href="/pt-PT/docs/Tools/Consola_da_Web" title="en/Using the Web Console">Consola da Web</a>, que foi desenhada para interpretar uma única linha de código, Scratchpad deixa-o editar grandes partes do código JavaScript, depois execute-o em vários modos, dependendo do modo em que pretende utilizar a saída.</p> - -<p>{{EmbedYouTube("Pt7DZACyClM")}}</p> - -<div class="blockIndicator note"> -<p>The featured video tutorial shows a case of using Scratchpad with a page run by a local web server. It is also possible to use Scratchpad over pages opened from a local file system, if permission policies allow that. But even with possible limitations present, the HTML code can be either manually entered or copied from the source and pasted into the "about:blank" page (a new empty tab) with the use <a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a>'s <em>Edit as HTML</em> context menu command.</p> -</div> - -<h2 id="Utilização">Utilização</h2> - -<h3 id="Opening_Scratchpad_in_its_own_window">Opening Scratchpad in its own window</h3> - -<p>There are several different ways to open Scratchpad in its own window:</p> - -<ul> - <li>press <kbd>Shift</kbd> + <kbd>F4</kbd>, or go to the Web Developer menu (which is a submenu in the Tools menu on OS X and Linux), then select Scratchpad</li> - <li>click the wrench icon (<img alt="" src="https://mdn.mozillademos.org/files/12710/wrench-icon.png" style="height: 21px; width: 21px;">), which is in the main toolbar or under the Hamburger menu (<img alt="" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;">), then select "Scratchpad".</li> -</ul> - -<p>This will open up Scratchpad in its own window.</p> - -<h3 id="Abrir_o_Scratchpad_na_Caixa_de_Ferramentas">Abrir o Scratchpad na Caixa de Ferramentas</h3> - -<div class="geckoVersionNote">New in Firefox 47.</div> - -<p>From Firefox 47, you can open Scratchpad inside the <a href="/en-US/docs/Tools/Tools_Toolbox">Toolbox</a>. First you need to check "Scratchpad" in the "Default Firefox Developer Tools" section of the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings_2">Settings</a> page.</p> - -<p>Now Scratchpad will be available in the Toolbox, alongside other tools like the Page Inspector and the Web Console. This is especially useful in <a href="/en-US/docs/Tools/Web_Console/Split_console">split Console mode</a>: you can use Scratchpad for a persistent, multiline editor, and the Console to interact with the page.</p> - -<h3 id="Edição">Edição</h3> - -<p>The Scratchpad window looks something like this (on OS X the menu bar is at the top of the screen):</p> - -<p><img alt="A screenshot of the Scratchpad" src="https://mdn.mozillademos.org/files/5983/scratchpad.png"></p> - -<p>The File menu offers options to save and load JavaScript code snippets, so you can reuse code later if you like.</p> - -<h4 id="Conclusão_do_código">Conclusão do código</h4> - -<p>Scratchpad integrates the <a href="http://ternjs.net/">tern code analysis engine</a>, and uses that to provide autocomplete suggestions and popups containing information on the current symbol. To list autocomplete suggestions, press <kbd>Ctrl</kbd> + <kbd>Space</kbd>.</p> - -<p>For example, try typing <kbd>d</kbd>, then pressing <kbd>Ctrl</kbd> + <kbd>Space</kbd>. You'll see the autocomplete box, as shown below:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/7933/scratchpad-autocomplete.png" style="display: block; margin-left: auto; margin-right: auto;">The icon next to each suggestion indicates the type, and the currently highlighted suggestion gets a popup with more information. <kbd>↑</kbd> and <kbd>↓</kbd> cycle through the suggestions and <kbd>Enter</kbd> or <kbd>Tab</kbd> select the highlighted choice.</p> - -<h4 id="Inline_documentation">Inline documentation</h4> - -<p>To show the inline documentation popup, press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd> when the cursor is on an identifier. For example, if you type <code>document</code>.<code>addEventListener</code>, then press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd>, you'll see a popup that shows a summary of the function's syntax and a short description:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/7935/scratchpad-symbolinfo.png" style="display: block; margin-left: auto; margin-right: auto;">The "[docs]" link takes you to the MDN documentation for the symbol.</p> - -<h3 id="Execução">Execução</h3> - -<p class="note">Once you've written your code, select the code you want to run. If you don't select anything, all the code in the window will be run. Then choose the way you want the code to run using the buttons along the top, using the Execute menu, or using the context menu. The code is executed in the scope of the currently selected tab. Any variables you declare outside of a function will be added to the global object for that tab.</p> - -<p>There are four execution options available.<strong> </strong></p> - -<h4 id="Executar">Executar</h4> - -<p>When you choose the Run option, the selected code is executed. This is what you'd use to execute a function or other code that manipulates the content of your page without needing to see the result.</p> - -<h4 id="Inspecionar">Inspecionar</h4> - -<p>The Inspect option executes the code just like the Run option; however, after the code returns, an object inspector is opened to let you examine the returned value.</p> - -<p>Por exemplo, se inserir o código:</p> - -<pre class="brush:css">window -</pre> - -<p>Then choose Inspect, the object inspector is shown that looks something like this:</p> - -<p><img alt="Inspecting an object in the Scratchpad" src="https://mdn.mozillademos.org/files/5985/scratchpad-inspect.png"></p> - -<h4 id="Display">Display</h4> - -<p>The Display option executes the selected code, then inserts the result directly into your Scratchpad editor window as a comment, so you can use it as a <a href="http://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop">REPL</a>.</p> - -<h4 id="Reload_And_Run">Reload And Run</h4> - -<p>The Reload And Run option is only available in the Execute menu. It first reloads the page, then executes the code when the page's "load" event fires. This is useful for running the code in a pristine environment.</p> - -<h2 id="Executar_o_Scratchpad_no_contexto_do_navegador">Executar o Scratchpad no contexto do navegador</h2> - -<p>You can run Scratchpad in the context of the browser as a whole rather than a specific web page. This is useful if you are working on Firefox itself or developing add-ons. To do this check "Enable chrome and add-on debugging" in the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings_2">Developer Tool Settings</a>. Once you've done this, the Environment menu has a Browser option; once that's selected, your scope is the entire browser rather than just the page content, as you will see from examining some globals:</p> - -<pre class="brush: js">window -/* -[object ChromeWindow] -*/ - -gBrowser -/* -[object XULElement] -*/</pre> - -<p>The Scratchpad execution context is set to browser when a snippet file has<br> - <code>// -sp-context: browser</code><br> - on the first line.</p> - -<h2 id="Atalhos_de_teclado">Atalhos de teclado</h2> - -<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "scratchpad") }}</p> - -<h3 id="Atalhos_do_editor_fonte">Atalhos do editor fonte</h3> - -<p>{{ Page ("pt-PT/docs/tools/Keyboard_shortcuts", "source-editor") }}</p> diff --git a/files/pt-pt/tools/webide/index.html b/files/pt-pt/tools/webide/index.html deleted file mode 100644 index ade5815623..0000000000 --- a/files/pt-pt/tools/webide/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: WebIDE -slug: Tools/WebIDE -tags: - - Aplicações - - Apps - - Depuração - - Fiirefox OS - - WebIDE - - ferramenta -translation_of: Archive/WebIDE ---- -<div>{{ToolsSidebar}}</div><div class="summary"> -<p>WebIDE permite-lhe criar, editar, executar, e depurar as aplicações da Web, utilizando o <a href="https://developer.mozilla.org/en-US/docs/Tools/Firefox_OS_Simulator">FSimulador de Firefox OS </a>ou um dispositivo real com o Firefox OS.</p> - -<p>It also enables you to connect the <a href="https://developer.mozilla.org/en-US/docs/Tools">Firefox Developer Tools</a> to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. See the <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">Remote Debugging</a> page for instructions on how to connect to a specific browser.</p> -</div> - -<p>With WebIDE, you first <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">set up one or more runtimes</a>. 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 <a href="/en-US/Firefox/Releases/39">Firefox 39</a>), or it could be a Firefox OS Simulator installed on the desktop itself.</p> - -<p>Next, you <a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps">create an app, or open an existing app</a>. 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.</p> - -<p>Finally, you can <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">install the app in one of the runtimes and run it</a>. You can then open the usual suite of developer tools - the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector">Inspector</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console">Console</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger">JavaScript Debugger</a> and so on - to examine and modify the running app.</p> - -<hr> -<dl> - <dt><a href="/en-US/docs/Tools/WebIDE/Opening_WebIDE">Abrir WebIDE</a></dt> - <dd>How to open WebIDE from within Firefox.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">Setting up runtimes</a></dt> - <dd>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.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps">Criação e edição de aplicações</a></dt> - <dd>How to create, open, and develop apps using WebIDE.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/The_runtime_menu">The runtime menu</a></dt> - <dd>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.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">Running and debugging apps</a></dt> - <dd>How to install apps to a runtime and debug them using the Firefox Developer Tools.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/Working_with_Cordova_apps_in_WebIDE">Working with Cordova apps in WebIDE</a></dt> - <dd>From Firefox 39, you can edit and debug Cordova apps using WebIDE.</dd> - <dt><a href="/en-US/docs/Tools/WebIDE/Troubleshooting">Resolução de Problemas</a></dt> - <dd>Help for problems with WebIDE, especially problems connecting to a runtime.</dd> -</dl> |