aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/tools
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 21:46:22 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 21:46:22 -0500
commita065e04d529da1d847b5062a12c46d916408bf32 (patch)
treefe0f8bcec1ff39a3c499a2708222dcf15224ff70 /files/pt-br/tools
parent218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (diff)
downloadtranslated-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-br/tools')
-rw-r--r--files/pt-br/tools/scratchpad/index.html77
-rw-r--r--files/pt-br/tools/webide/index.html271
-rw-r--r--files/pt-br/tools/webide/trabalhando_com_cordova_apps_na_webide/index.html53
-rw-r--r--files/pt-br/tools/webide/troubleshooting/index.html62
4 files changed, 0 insertions, 463 deletions
diff --git a/files/pt-br/tools/scratchpad/index.html b/files/pt-br/tools/scratchpad/index.html
deleted file mode 100644
index 00e9b9d019..0000000000
--- a/files/pt-br/tools/scratchpad/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: Scratchpad
-slug: Tools/Scratchpad
-translation_of: Archive/Tools/Scratchpad
----
-<div>{{ToolsSidebar}}</div>
-
-<p>{{ gecko_minversion_header("6.0") }}</p>
-
-<p>O Scratchpad, disponível no Firefox 6 ou superior, fornece um ambiente para experiências com código em Javascript. Você pode escrever e testar suas ideias de código interagindo com a página antes de usar suas ferramentas de desenvolvimento corriqueiras para finalizar e limpar o resultado final.</p>
-
-<p><span class="ILfuVd"><span class="e24Kjd">Diferentemente</span></span> do <a href="/en/Tools/Web_Console" title="en/Using the Web Console">Console</a>, desenhado para interpretar uma única linha de código, o Scratchpad lhe permite editar grandes trechos de código Javascript e então executá-los de várias formas, dependendo de como você quer usar a saída da execução.</p>
-
-<p>{{EmbedYouTube("Pt7DZACyClM")}}</p>
-
-<h2 id="Usando_o_Scratchpad">Usando o Scratchpad</h2>
-
-<p>Para abrir o Scratchpad, pressione Shift+F4, ou vá ao menu Desenvolvedor Web (um submenu em Ferramentas no Mac OSX e no Linux), e selecione Scratchpad. Isso abrirá a janela do editor do Scratchpad, que inclui um comentário que contém algum resumo de como usar o editor. De la você ja pode começar a escrever seu Javascript e testá-lo.</p>
-
-<p>A janela do Scracthpad se parece com essa abaixo (no Mac OSX a barra de menus fica no topo da tela):</p>
-
-<p>Veja <a href="/en/Tools/Using_the_Source_Editor" title="Using the Source Editor"> Usando o Editor de código fonte</a> para documentação sobre o editor em si, incluindo atalhos de teclado que serão bem úteis.</p>
-
-<p>O menu Arquivo oferece opções para salvar e carregar trechos de Javascript, de forma que você possa reusar código mais tarde caso queira.</p>
-
-<h3 id="Executando_seu_código">Executando seu código</h3>
-
-<p class="note">Uma vez que você tenha escrito seu código, selecione a parte que desenha executar. Se você não selecionar nada, todo o código no editor será executado. Clique com o botão direito do mouse (ou vá até o menu Executar na barra superior) e escolhar a forma que deseja rodar seu código. Há quatro opções disponíveis.</p>
-
-<h4 id="Executar">Executar</h4>
-
-<p>Quando você escolhe essa opção, o código selecionado é executado. Essa opção é a que você escolherá caso queira executar uma função ou outro trecho que manipule o conteúdo da página sem que você precise ver o resultado.</p>
-
-<p>Inspecionar</p>
-
-<p>A opção de inspeção executa o código da mesma forma que a opção Executar; entretanto depois que a execução terminar e houver um retornar, um inspetor de objeto é aberto, o que te permite analizar o valor retornado.</p>
-
-<p>Por exemplo, se você entrasse com o código:</p>
-
-<pre>window
-</pre>
-
-<p>E então escolher inspecionar, o inspetor de objetos abrirá e se parecerá com algo assim:</p>
-
-<h4 id="Visualizar">Visualizar</h4>
-
-<p>A opção de visualizar executa o código selecionado e então insere o resultado diretamente no editor como um comentário. Essa é uma forma conveniente de manter um log dos seus testes enquanto você trabalha. Você também pode usar esse recurso como uma calculadora num momento de pressa, apesar de que se você não tem um programa que sirva como uma calculadora melhor, você deve ter problemas maiores para resolver.</p>
-
-<h4 id="Recarregar_e_executar">Recarregar e executar</h4>
-
-<p>A opção de recarregar e executar primeiro recarrega a página e então executa o código assim que o evento "load" da página é disparado. Isso é útil para executar código em um ambiente fresquinho.</p>
-
-<h2 id="Cenários_de_uso_do_Scratchpad">Cenários de uso do Scratchpad</h2>
-
-<p>Existem várias formas de usar o Scratchpad de maneira interessante. Essa seção cobre alguns como exemplo.</p>
-
-<h3 id="Testando_seu_código">Testando seu código</h3>
-
-<p>O Scratchpad é particularmente útil para testar seu novo código em um ambiente real de navegador; você pode copiar o código que você está debugando no Scracthpad e então executá-lo e, na sequência, melhorá-lo até que ele funcione corretamente. Uma vez isso aconteça, copie o código de volta para o seu arquivo com o script de interesse e seu trabalho terminou. Em muitos casos, você pode escrever, debugar e testar seu código sem nem recarregar a página.</p>
-
-<h3 id="Trechos_de_código_reutilizáveis">Trechos de código reutilizáveis</h3>
-
-<p>O menu Arquivo do Scratchpad oferece comandos para salvar e carregar código Javascript. Isso ajuda  a manter por perto pedações de Javascript que você usa com frequência. Por exemplo, se você está trabalhando em um site que usa requisições AJAX para carregar dados, você pode manter trechos que façam essas operações para teste e verificação dos dados. De forma semelhante, você pode manter funções de interesse com propósito geral para debugar, como funções de dump, saída ou outros tipos de informação sobre o DOM.</p>
-
-<h2 id="Escopo_do_Scratchpad">Escopo do Scratchpad</h2>
-
-<p>O código rodado no Scratchpad é executado em escopo global do aba selecionada no momento da execução. Quaisquer variáveis que você declare fora de uma função serão adiconadas ao objeto global da aba.</p>
-
-<h2 id="Usando_Scratchpad_para_acessar_partes_internas_do_Firefox">Usando Scratchpad para acessar partes internas do Firefox</h2>
-
-<p>Se você está trabalhando sobre o próprio Firefox, ou desenvolvendo complementos, você pode achar útil acessar as áreas internas do browser usando o Scratchpad. Para fazer isso modifique o <code>devtools.chrome.enabled</code> para <code>true</code> usando <code>about:config</code>. Feito isso, o menu Ambiente terá a opção Browser; estando ela selecionada, o seu escopo é todo o navegador ao invés de somente o conteúdo da página.</p>
-
-<p>{{ languages( { "es": "es/Herramientas/Borrador", "fr": "fr/Outils/Ardoise", "ja": "ja/Tools/Scratchpad", "pt": "pt/Ferramentas/Scratchpad" } ) }}</p>
-
-<h2 id="Atalhos_do_Teclado">Atalhos do Teclado</h2>
-
-<p>{{ Page ("pt-BR/docs/Tools/Keyboard_shortcuts", "scratchpad") }}</p>
diff --git a/files/pt-br/tools/webide/index.html b/files/pt-br/tools/webide/index.html
deleted file mode 100644
index 155c119f26..0000000000
--- a/files/pt-br/tools/webide/index.html
+++ /dev/null
@@ -1,271 +0,0 @@
----
-title: WebIDE
-slug: Tools/WebIDE
-tags:
- - pt-br
-translation_of: Archive/WebIDE
----
-<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
-<div>O WebIDE está disponível a partir do Firefox 34 em diante. </div>
-</div>
-
-<div class="summary">
-<div>O WebIDE é o substituto para o App Manager. Como o <a href="/en-US/Firefox_OS/Using_the_App_Manager">App Manager</a>, ele lhe permite executar e depurar os aplicativos do <a href="/en-US/Firefox_OS">Firefox OS</a> usando o <a href="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a> ou um dispositivo <span style="line-height: 1.5;">Firefox OS </span><span style="line-height: 1.5;">real . </span></div>
-
-<div> </div>
-
-<div>No entanto, ele também oferece um ambiente de edição para que você possa criar e desenvolver aplicativos do Firefox OS, incluindo uma exibição em árvore de todos os arquivos em seu aplicativo com a capacidade de editá-los e salvá-los, e dois modelos de aplicativos para ajudar você a começar.</div>
-
-<div> </div>
-
-<div>Finalmente, WebIDE permite conectar as ferramentas de <a href="https://developer.mozilla.org/en-US/docs/Tools" style="font-weight: bold; background-color: rgb(244, 247, 248);">Firefox para Desenvolvedores</a> a uma série de outros navegadores, incluindo o Firefox para Android, Chrome no Android, e Safari no iOS. Veja a página de <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging" style="font-weight: bold; background-color: rgb(244, 247, 248);">Depuração Remota</a><strong style="background-color: #f4f7f8; font-weight: bold;"> </strong> para obter instruções sobre como se conectar a um navegador específico.</div>
-</div>
-
-<p>{{EmbedYouTube("2xmj4W8O3E4")}}</p>
-
-<p><span style="line-height: 1.5;">Com a WebIDE, você primeiro deve </span><a href="/en-US/docs/Tools/WebIDE#Setting_up_runtimes" style="line-height: 1.5;">configurar um ou mais runtimes (tempo de execução)</a><span style="line-height: 1.5;">. Um runtime  é um ambiente no qual você vai executar e depurar o aplicativo. Um runtime pode ser um dispositivo Firefox OS conectado a um Desktop através de USB, ou poderia ser um Firefox OS Simulator instalado no próprio desktop.</span></p>
-
-<p><span style="line-height: 1.5;">Em seguida, você </span><a href="/en-US/docs/Tools/WebIDE#Creating_and_opening_apps" style="line-height: 1.5;">cria um aplicativo ou abre um aplicativo existente</a><span style="line-height: 1.5;">. Se você estiver criando um novo aplicativo  você inicia com um modelo que inclui a estrutura de diretórios e o mínimo que você precisa para começar, ou com um modelo mais completo que mostra como usar a API privilegiada. O WebIDE mostra os arquivos do seu aplicativo em estrutura de árvore, e você pode editar e salvá-los usando um editor embutido de código . Claro, você não tem que usar o editor embutido: você pode desenvolver seu aplicativo inteiramente fora do WebIDE, e só usá-lo para depurar ..</span></p>
-
-<p><span style="line-height: 1.5;">Finalmente, você pode </span><a href="https://developer.mozilla.org/en-US/docs/Tools/WebIDE#Running_and_debugging_apps" style="line-height: 1.5;">instalar o aplicativo em uma das runtimes e executá-lo</a><span style="line-height: 1.5;">. Você pode, então, abrir o conjunto habitual de ferramentas de desenvolvimento - o </span><a href="/en-US/docs/Tools/Page_Inspector" style="line-height: 1.5;">Inspector</a><span style="line-height: 1.5;">, </span><a href="/en-US/docs/Tools/Web_Console" style="line-height: 1.5;">Console</a><span style="line-height: 1.5;">, </span><a href="/en-US/docs/Tools/Debugger" style="line-height: 1.5;">JavaScript Debugger</a><span style="line-height: 1.5;"> e assim por diante - para examinar e modificar o aplicativo em execução.</span></p>
-
-<h2 id="Requisitos_do_sistema">Requisitos do sistema</h2>
-
-<p>Para desenvolver e depurar aplicativos usando o WebIDE, tudo o que você precisa é o Firefox versão 33 ou superior. Para testar em um dispositivo Firefox OS real , você precisa de um dispositivo rodando o Firefox OS 1.2 ou superior, e um cabo USB.</p>
-
-<p>Você só pode usar o WebIDE visando o Firefox OS 1.2 ou superior.</p>
-
-<h2 id="Abrindo_a_WebIDE">Abrindo a WebIDE</h2>
-
-<p><span style="line-height: 1.5;">O WebIDE está escondido atrás de uma preferência. Para torná-lo visível visite </span><a href="http://kb.mozillazine.org/About:config" style="line-height: 1.5;">about:config</a><span style="line-height: 1.5;">, procure a preferência chamada </span><code style="font-style: normal; line-height: 1.5;">devtools.webide.enabled</code><span style="line-height: 1.5;"> e a defina como </span><code style="font-style: normal; line-height: 1.5;">true</code><span style="line-height: 1.5;">. Agora você verá uma nova entrada no menu  Web Developer chamado WebIDE. Clique nele e o WebIDE abre:</span></p>
-
-<p><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;"></p>
-
-<p><span id="result_box" lang="pt"><span class="hps">O dropdown</span> <span class="hps">na esquerda</span> <span class="hps">rotulado</span> <span class="hps">"Open</span> <span class="hps">App"</span> <span class="hps">permite abrir</span> <span class="hps">aplicativos</span> <span class="hps">existentes</span> <span class="hps">ou</span> <span class="hps">criar novos.</span> <span class="hps">O menu suspenso</span> <span class="hps">à direita chamado</span> <span class="hps">"Select</span> <span class="hps">Runtime</span>" <span class="hps">permite que você selecione</span> <span class="hps">um tempo de execução</span> <span class="hps">ou</span> <span class="hps">criação de um novo</span> <span class="hps">tempo de execução.</span></span></p>
-
-<p><span id="result_box" lang="pt"><span class="hps">Os botões no</span> <span class="alt-edited hps">meio, executam</span><span>, param e</span> <span class="hps">depuram o</span> <span class="hps">app:</span> <span class="hps">eles só</span> <span class="hps">são ativados quando</span> <span class="hps">você abrir um</span> <span class="hps">app</span> <span class="alt-edited hps">e selecionar um</span> <span class="hps">tempo de execução.</span></span></p>
-
-<p>A partir do Firefox 36, você pode alterar o tamanho da fonte em todo WebIDE usando os atalhos de teclado padrão (use Command em vez de Controle no OS X):</p>
-
-<ul>
- <li>Ctrl + aumenta o tamanho da fonte</li>
- <li>Ctrl - diminui o tamanho da fonte</li>
- <li>Ctrl 0 redefine o tamanho da fonte para o padrão</li>
-</ul>
-
-<h2 id="Configurando_runtimes_(tempos_de_execução)">Configurando runtimes (tempos de execução)</h2>
-
-<p>Sob o dropdown "Select Runtime", runtimes são agrupados em três tipos:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Tools/WebIDE#Connecting_a_Firefox_OS_device">USB devices</a>: Dispositivos OS Firefox conectados por USB</li>
- <li><a href="/en-US/docs/Tools/WebIDE#Adding_a_Simulator">Simulators</a>: instâncias do Firefox OS Simulator que você tenha instalado</li>
- <li><a href="/en-US/docs/Tools/WebIDE#Custom_runtimes">Custom</a>: use para conectar um tempo de execução para WebIDE usando um nome e porta arbitrária. A partir do Firefox 36, ste tipo de tempo de execução é renomeado "Other". Se você tiver o <a href="https://developer.mozilla.org/pt-BR/docs/Tools/Valence">Valence</a> add-on instalado, esta seção também irá listar os <a href="https://developer.mozilla.org/pt-BR/docs/Tools/WebIDE#Valence-enabled_runtimes">tempos de execução adicionais permitidos</a>. </li>
-</ul>
-
-<p>Da primeira vez que você clicar no dropdown, pode ser que você não veja nenhum tempo de execução:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8043/webide-no-runtimes.png" style="display: block; height: 564px; margin-left: auto; margin-right: auto; width: 723px;">O restante desta seção descreverá como você pode adicionar alguns runtimes.</p>
-
-<h3 id="Conectando_um_dispositivo_Firefox_OS">Conectando um dispositivo Firefox OS</h3>
-
-<p>Antes de conectar um dispositivo OS Firefox , existem algumas configurações que você deve fazer:</p>
-
-<ul>
- <li><strong>Veja a versão do seu Firefox OS: </strong>certifique-se que seu dispositivo está rodando o Firefox OS 1.2/Boot2Gecko 1.2 ou superior. Para verificar a versão, vá no menu de Configurações do seu dispositivo, então<code>Device Information &gt; Software</code>. Se você não tem uma versão atualizada o suficiente, encontre o seu dispositivo no <a href="/en-US/Firefox_OS/Developer_phone_guide">developer phone guide</a> e siga as instruções para atualização.</li>
- <li><strong>Ativar a depuração remota: </strong>no menu de Configurações no dispositivo, vá em <code>Device information &gt; More information &gt; Developer</code>.
- <ul>
- </ul>
-
- <ul>
- <li>Firefox OS 1.3 and earlier: "Remote Debugging" é só um checkbox. Marque-o.</li>
- <li>Firefox OS 1.4 and later: "Remote Debugging" pergunta se você deseja habilitar somente para ADB, ou para ADB and DevTools. Selecione "ADB and DevTools".</li>
- </ul>
- </li>
- <li><strong>Desativar o bloqueio de tela do dispositivo:</strong> no menu de Configurações no dispositivo, vá em <code>Screen Lock</code> e desmarque o checkbox <code>Lock Screen</code>. Isso é uma boa idéia pois quando a tela trava, o telefone perde a conexão, significando que ele não está mais disponpivel para depuração.</li>
- <li><strong>Se você quer depurar applicativos certificados, incluindo aplicativos embarcados</strong>: veja a sessão em <a href="/en-US/docs/Tools/WebIDE#Debugging_certified_apps">debugging certified apps</a>.</li>
-</ul>
-
-<div class="note">
-<p><strong>Somente Linux :</strong></p>
-
-<ul>
- <li>adicione um arquivo de regras <code>udev</code>, como documentado no passo 3 deste guia para <a href="http://developer.android.com/tools/device.html#setting-up">definindo um dispositivo Android</a>. O atributo <code>idVendor</code> usado para o Geeksphone is "05c6", e <a href="http://developer.android.com/tools/device.html#VendorIds">esta página</a> lista outros valores para <code>idVendor</code>.</li>
-</ul>
-</div>
-
-<div class="note">
-<p><strong>Somente Windows:</strong></p>
-
-<ul>
- <li>você precisa instalar os drivers, como documentado no passo 3 deste guia para <a href="http://developer.android.com/tools/device.html#setting-up">definindo um dispositivo Android</a>. Você pode encontrar drivers para dispositivos Geeksphone no <a href="http://downloads.geeksphone.com/">site Geeksphone</a>. O Windows 8 por padrão não permitirá você instalar drivers não-assinados. Veja este tutorial em <a class="external external-icon" href="http://www.craftedge.com/tutorials/driver_install_windows8/driver_install_win8.html" title="http://www.craftedge.com/tutorials/driver_install_windows8/driver_install_win8.html">"Como instalar drivers não-assinados no Windows 8"</a>.</li>
- <li>se o WebIDE não puder enxergar o seu dispositivoapós seguir todos os passos, você pode precisar <a class="external external-icon" href="http://blog.fh-kaernten.at/wehr/?p=1182">editar o arquivo adb_usb.ini</a>.</li>
-</ul>
-</div>
-
-<p>Se existem outros dispositivos Android conectados ao seu computador, desconecte todos eles. Agora conecte o dispositivo ao computador usado o USB. Você deve ver o dispositivo aparecer em "USB DEVICES":</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8045/webide-select-runtime-keon.png" style="display: block; height: 562px; margin-left: auto; margin-right: auto; width: 710px;"></p>
-
-<p>Se você não visualizar o seu dispositivo, veja a página de <a href="/en-US/docs/Tools/WebIDE/Troubleshooting">Solução de Problemas</a>.</p>
-
-<h3 id="Adicionando_um_Simulador">Adicionando um Simulador</h3>
-
-<p><span style="line-height: 1.5;">O <a href="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a> é uma versão das altas camadas do <span style="line-height: 1.5;">Firefox OS</span>  que simula o dispositivo Firefox OS, mas roda no desktop</span><span style="line-height: 1.5;">. Ele roda em uma janela com o mesmo tamanho de um dispositivo </span><span style="line-height: 1.5;">com Firefox OS, inclui a interface de usuário do Firefox OS e aplicativos padrão, e simula muitas APIs de dispositivos Firefox OS.</span></p>
-
-<p><span style="line-height: 1.5;">Isso significa que em muitos casos, você não precisa de um dispositivo real para testar ou depurar sua aplicação. </span></p>
-
-<p>O Simulador é grande, então não é distribuído junto com o Firefox mas como um <a href="/en-US/Add-ons">add-on</a> Firefox. Se você clicar em "Install Simulator" no menu de Runtimes, você vai para um página onde você pode instalar simuladores para várias versões do Firefox OS.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8039/webide-install-simulator.png" style="display: block; height: 560px; margin-left: auto; margin-right: auto; width: 720px;">You can install as many as you like. Be patient, though: the Simulator is large and may take a few minutes to download. Once you've installed some Simulators you can close this "Extra Components" window, and the Simulators you've installed appear as options in the Runtimes dropdown menu:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8047/webide-select-runtime-keon-simulator.png" style="display: block; height: 559px; margin-left: auto; margin-right: auto; width: 712px;">To learn more about the Simulator, see its <a href="/en-US/docs/Tools/Firefox_OS_Simulator">documentation page</a>.</p>
-
-<h3 id="Custom_runtimes">Custom runtimes</h3>
-
-<p>With a custom runtime you can use an arbitrary hostname and port to connect to the remote device.</p>
-
-<p>Under the hood, Firefox OS devices and Android devices connect to the desktop using a program called the Android Debug Bridge, or <a href="http://developer.android.com/tools/help/adb.html">ADB</a>. 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.</p>
-
-<p>This is convenient in most cases, but sometimes you might want to use ADB outside of the WebIDE: for example, you might be running ADB directly from the command line. In that case you'll connect to the device by specifying a host and port using the <a href="http://developer.android.com/tools/help/adb.html#forwardports"><code>adb forward</code></a> command.<br>
- <br>
- If you then want to use WebIDE to connect as well, you should <a href="https://support.mozilla.org/en-US/kb/disable-or-remove-add-ons#w_how-to-disable-extensions-and-themes">disable the ADB Helper add-on</a> and connect WebIDE using the Custom runtime option, entering the host and port that you passed to <code>adb forward</code>.</p>
-
-<p>Also, the ADB Helper does not yet support connecting to Firefox for Android, so if you want to connect WebIDE to Firefox for Android, you'll need to set up your own port forwarding and use a custom runtime. <a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android">See more about connecting to Firefox for Android using ADB</a>.</p>
-
-<h2 id="Selecting_a_runtime">Selecting a runtime</h2>
-
-<p>Once you've set up a runtime you can select it using the "Select Runtime" menu.</p>
-
-<ul>
- <li>If you select a Simulator, the WebIDE launches the Simulator.</li>
- <li>If you select a Firefox OS device the WebIDE connects to the device. On the device a dialog will ask you to confirm that you wish to connect: press "OK".</li>
-</ul>
-
-<p>Now the "play" button in the center of the WebIDE toolbar is enabled: click it to install and run the app in the selected runtime.</p>
-
-<h3 id="Runtime_actions">Runtime actions</h3>
-
-<p>When a runtime is selected, the Runtimes dropdown menu has three extra items:</p>
-
-<ul>
- <li><strong>Runtime Info</strong>: information on the current runtime</li>
- <li><strong>Permissions Table</strong>: a table summarising <a href="/en-US/Apps/Build/App_permissions">app permissions</a> for the current runtime, indicating, for each API and each <a href="/en-US/Marketplace/Options/Packaged_apps#Types_of_packaged_apps">app type</a>, whether access is allowed (✓), denied (✗), or whether the user is prompted (!)</li>
- <li><strong>Screenshot</strong>: a command to take a screenshot from the runtime</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8147/webide-runtimes-menu.png" style="display: block; height: 596px; margin-left: auto; margin-right: auto; width: 789px;"></p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8145/webide-runtimeinfo.png" style="display: block; height: 593px; margin-left: auto; margin-right: auto; width: 753px;"><img alt="" src="https://mdn.mozillademos.org/files/8149/webide-permissions.png" style="display: block; height: 593px; margin-left: auto; margin-right: auto; width: 753px;"></p>
-
-<h2 id="Creating_and_opening_apps">Creating and opening apps</h2>
-
-<p>Under the "Open App" menu you get three options: create a new app, open a packaged app, and open a hosted app:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8049/webide-open-app-empty.png" style="display: block; height: 562px; margin-left: auto; margin-right: auto; width: 723px;"></p>
-
-<h3 id="Create_a_new_app">Create a new app</h3>
-
-<p>Select "New App..." to create a new app. You'll see a dialog offering you a choice between two templates, "Privileged Empty App" and "Privileged App".</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8053/webide-new-app.png" style="display: block; height: 591px; margin-left: auto; margin-right: auto; width: 739px;"></p>
-
-<p>Both templates are from Mozilla's <a href="https://github.com/mozilla/mortar">app template collection</a>, and provide you with the basic structure you need to get started. The "Privileged App" shows how an app can use permissions to load cross-origin content.</p>
-
-<p>Once you've selected a template you'll be asked to name the app and select a directory to store the files, and then the new app is opened in the <a href="https://developer.mozilla.org/en-US/docs/Tools/WebIDE#Editing_apps">project editor</a>.</p>
-
-<h3 id="Open_a_packaged_app">Open a packaged app</h3>
-
-<p>Select "Open Packaged App..." to open a <a href="/en-US/Marketplace/Options/Packaged_apps">packaged app</a>. You'll be asked to select a directory containing the app's <a href="/en-US/Apps/Build/Manifest">manifest</a>, and the app will be opened in the <a href="https://developer.mozilla.org/en-US/docs/Tools/WebIDE#Editing_apps">project editor</a>.</p>
-
-<h3 id="Open_a_hosted_app">Open a hosted app</h3>
-
-<p>Select "Open Hosted App..." to open a <a href="/en-US/Marketplace/Options/Hosted_apps">hosted app</a>. You'll be asked to enter a URL pointing to the app's <a href="/en-US/Apps/Build/Manifest">manifest</a>, and the app will be opened in the <a href="https://developer.mozilla.org/en-US/docs/Tools/WebIDE#Editing_apps">project editor</a>.</p>
-
-<h2 id="Editing_apps">Editing apps</h2>
-
-<p>The project editor provides an environment for editing apps. There's a tree view on the left of all the files in the app: you can add and delete files here using a context menu. There's an editor pane on the right.</p>
-
-<h3 id="The_app_summary_page">The app summary page</h3>
-
-<p>When you first open or create an app, the editor pane is occupied by the app summary page, which is shown below:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8055/webide-new-app-editor.png" style="display: block; height: 625px; margin-left: auto; margin-right: auto; width: 846px;"></p>
-
-<p>You can always get back to the app summary page by clicking on the root of the tree on the left.</p>
-
-<h3 id="Manifest_validation">Manifest validation</h3>
-
-<p>The WebIDE automatically checks the manifest for certain common problems. If it finds a problem it indicates that the app is invalid and describes the problem in the app's summary:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8063/webide-invalid-manifest.png" style="display: block; height: 626px; margin-left: auto; margin-right: auto; width: 847px;"></p>
-
-<p>Of course, you can edit the <a href="/en-US/Apps/Build/Manifest">manifest.webapp</a> file right in the project editor as well.</p>
-
-<h3 id="The_source_editor">The source editor</h3>
-
-<p>The WebIDE uses the <a href="http://codemirror.net/">CodeMirror</a> source editor.</p>
-
-<h4 id="Source_editor_shortcuts">Source editor shortcuts</h4>
-
-<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "source-editor") }}</p>
-
-<h4 id="Code_completion">Code completion</h4>
-
-<p>When editing CSS and JavaScript, the editor provides autocomplete suggestions. CSS autocompletion is always enabled:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8057/webide-css-autocomplete.png" style="display: block; height: 628px; margin-left: auto; margin-right: auto; width: 849px;">To display autocomplete suggestions in JavaScript press Control + Space:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8059/webide-js-autocomplete.png" style="display: block; height: 653px; margin-left: auto; margin-right: auto; width: 867px;"></p>
-
-<h4 id="Inline_documentation">Inline documentation</h4>
-
-<p>The editor also shows inline documentation for JavaScript. Press Shift + Space to see a popup containing documentation for the symbol your cursor is on:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8061/webide-js-inline-docs.png" style="display: block; height: 652px; margin-left: auto; margin-right: auto; width: 872px;"></p>
-
-<p>Clicking the <code>[docs]</code> link in the popup will take you to the MDN page for the symbol.</p>
-
-<h4 id="Saving_files">Saving files</h4>
-
-<p>For changes to your files to take effect you need to save them. Files with unsaved changes get an asterisk next to their name in the tree view, and you can save files using the menu or Control+S (Command+S on Mac OS X).</p>
-
-<h3 id="Removing_projects">Removing projects</h3>
-
-<p>To remove an app from the WebIDE, go to the <a href="/en-US/docs/Tools/WebIDE#The_app_summary_page">app summary page</a> and click "Remove Project".</p>
-
-<h2 id="Running_and_debugging_apps">Running and debugging apps</h2>
-
-<p>When you're ready to run the app, you need to <a href="/en-US/docs/Tools/WebIDE#Selecting_a_runtime">select a runtime from the "Select Runtime" dropdown menu</a>. If you don't have any available runtimes here, find out how to add some in <a href="/en-US/docs/Tools/WebIDE#Setting_up_runtimes">Setting up runtimes</a>.</p>
-
-<p>The "play" button in the center of the WebIDE toolbar is now enabled: click it to install and run the app in the selected runtime:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8065/webide-running.png" style="display: block; height: 718px; margin-left: auto; margin-right: auto; width: 1314px;">To debug the app, click the "Pause" button and the Developer Tools <a href="/en-US/docs/Tools/Tools_Toolbox">Toolbox</a> appears, connected to your app:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8067/webide-debugging.png" style="display: block; height: 688px; margin-left: auto; margin-right: auto; width: 1310px;">Exactly which tools you'll have available depends on the runtime, but you will at least have the basics: the <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a>, <a href="/en-US/docs/Tools/Web_Console">Console</a>, <a href="/en-US/docs/Tools/Debugger">JavaScript Debugger</a>, <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>, <a href="/en-US/docs/Tools/Profiler">Profiler</a> and <a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a>. Just as in a web page, any changes you make in the tools are visible immediately in the app, but are not persistent. Conversely, any changes you make in the editor pane can be saved straight back to disk, but are not visible without restarting the app.</p>
-
-<h3 id="Debugging_certified_apps">Debugging certified apps</h3>
-
-<p>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 <a href="/en-US/Marketplace/Options/Packaged_apps#Certified_app">certified apps</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8069/webide-debugging-builtin.png" style="display: block; height: 681px; margin-left: auto; margin-right: auto; width: 1302px;"></p>
-
-<p><br>
- However, to debug certified apps on a real device:</p>
-
-<ul>
- <li>the device must be running a development build of Firefox OS 1.2+</li>
- <li>you must enable certified app debugging</li>
-</ul>
-
-<p>To enable certified app debugging, connect to the runtime, and then, in the menu, go to <code>Runtime &gt; Runtime Info</code>. From here, if you see <code>"DevTools restricted privileges: yes</code>", that means certified apps can't be debugged. If your device can be rooted, clicking <code>"request higher privileges"</code> will enable certified apps debugging (Firefox OS will restart).</p>
-
-<p>Now in the WebIDE you should see all the certified apps on the device.</p>
-
-<h2 id="Troubleshooting">Troubleshooting</h2>
-
-<p>If you have any problems working with the WebIDE, see the <a href="/en-US/docs/Tools/WebIDE/Troubleshooting">Troubleshooting</a> page.</p>
-
-<p> </p>
-
-<p> </p>
diff --git a/files/pt-br/tools/webide/trabalhando_com_cordova_apps_na_webide/index.html b/files/pt-br/tools/webide/trabalhando_com_cordova_apps_na_webide/index.html
deleted file mode 100644
index 517e30a16a..0000000000
--- a/files/pt-br/tools/webide/trabalhando_com_cordova_apps_na_webide/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Trabalhando com Cordova apps na WebIDE
-slug: Tools/WebIDE/Trabalhando_com_Cordova_apps_na_WebIDE
-tags:
- - App
- - Cordova
- - FirefoxOS
-translation_of: Archive/WebIDE/Working_with_Cordova_apps_in_WebIDE
----
-<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
-<p>Novo no Firefox 39.</p>
-</div>
-
-<p><a href="http://cordova.apache.org/">Apache Cordova</a> permite escrever um aplicativo utilizando HTML, JavaScript, and CSS, e gerar versões nativas para plataformas como iOS e Android. Com Cordova <a href="/en-US/Apps/Tools_and_frameworks/Cordova_support_for_Firefox_OS">você também pode gerar versões do aplicativo para o Firefox OS</a>.</p>
-
-<p>A partir do Firefox 39, a WebIDE tem suporte direto para Apps desenvolvidos com Cordova, o que quer dizer que vocÊ pode utilizá-la para editar os aplicativos e gerar a versão para o Firefox OS diretamente a partir dela.</p>
-
-<p>Primeiro, crie um app Cordova:</p>
-
-<ul>
- <li>Caso não tenha o Cordova instalado, execute o comando abaixo no terminal para instalar:
- <pre class="brush: bash"><code>npm install -g cordova</code></pre>
- </li>
-</ul>
-
-<ul>
- <li>O comando abaixo cria um app com o nome de <code>my-app</code>:
-
- <pre class="brush: bash"><code>cordova create my-app</code></pre>
- </li>
-</ul>
-
-<ul>
- <li>Execute o comando a seguir para adicionar a plataforma Firefox OS pra o app:
- <pre class="brush: bash">cd my-app
-cordova platform add firefoxos</pre>
- </li>
-</ul>
-
-<p>Em seguida:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/WebIDE/Opening_WebIDE">Abra a WebIDE</a></li>
- <li>selecione <a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps#Open_a_packaged_app">"Open Packaged App"</a>,  e selecione o diretório da aplicação onde está localizado o arquivo <code>config.xml</code>.</li>
-</ul>
-
-<p>Agora você pode editar o aplicativo como uma aplicação Cordova, e sempre que <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps#Running_apps">executar</a>, a própria WebIDE irá gerar a versão para  o Firefox OS.Now you can edit the app as a Cordova app, and whenever you <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps#Running_apps">run the app</a>, WebIDE takes care of generating the Firefox OS version behind the scenes. Sempre que você fizer uma alteração no <a href="/pt-BR/Apps/Manifest">manifesto</a> do aplicativo, a WebIDE vai gerar uma nova versão do app e executar a <a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps#Manifest_validation">validação do manifesto</a>.</p>
-
-<p><a href="https://github.com/tortoyoyo/ExemplosCordovaAPP">Clicando aqui </a>você pode ver exemplos de Cordova App.</p>
-
-<p>Mais detalhes sobre desenvolvimento para Firefox OS podem ser encontrados também no livro <a href="https://leanpub.com/guiarapidofirefoxos">Desenvolvimento para firefox os - guia rápido</a>, do André Garzia.</p>
-
-<p> </p>
diff --git a/files/pt-br/tools/webide/troubleshooting/index.html b/files/pt-br/tools/webide/troubleshooting/index.html
deleted file mode 100644
index 7f36c6749e..0000000000
--- a/files/pt-br/tools/webide/troubleshooting/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Resolução de Problemas WebIDE
-slug: Tools/WebIDE/Troubleshooting
-translation_of: Archive/WebIDE/Troubleshooting
----
-<div>{{ToolsSidebar}}</div><h2 id="Conectando_a_um_dispositivo_Firefox_OS">Conectando a um dispositivo Firefox OS</h2>
-
-<p>Se você está tentando conectar um dipositivo FirefoxOS ao WebIDE e ele não é exibido, aqui estão alguma coisas que você pode tentar:</p>
-
-<ul>
- <li>Cheque a versão do seu FirefoxOS: verifique se seu dispositivo está executando o<strong> Firefox OS 1.2/Boot2Gecko 1.2 ou superior</strong>. Para checar esta versão, vá para o aplicativo Configurações no dispositivo, então <code>Informações do Dispositivo &gt; Software</code>. Se você  não tem uma versão alta suficiente procure seu aparelho no <a href="/en-US/Firefox_OS/Developer_phone_guide">guia de telefone para desenvolvedor</a> e siga as instruções para a atualização.</li>
- <li>Ative o debugging remoto: in the Settings app on the device, go to <code>Device information &gt; More information &gt; Developer</code>.
- <ul>
- <li>Firefox OS 1.3 e anterior: "Remote Debugging" é somente uma checkbox. Marque a caixa.</li>
- <li>Firefox OS 1.4 e posterior: "Remote Debugging" asks you to enable for just ADB, or for ADB and DevTools. Selecione "ADB e DevTools".</li>
- </ul>
- </li>
- <li>Desative a tela de bloqueio no dispositivo: in the Settings app on the device, go to <code>Screen Lock</code> and unchecking the <code>Lock Screen</code> checkbox. This is a good idea because when the screen gets locked, the phone connection gets lost, meaning it is no longer available for debugging.</li>
- <li>Verifique se você não tem nenhum dispositivo Android conectado ao mesmo tempo com o telefone FirefoxOS em seu computador.</li>
- <li>Verifique o cabo que você está utilizando:
- <ul>
- <li>Tente desconectar e reconectar o cabo USB.</li>
- <li>Tente plugat o cabo USB em uma porta diferente do seu computador. Você pode ter que alternar as portas.</li>
- <li>Tente usar um cabo USB diferente. Os cabos que vem com o telefone são muitas vezes de má qualidade e muitas vezes falham.</li>
- <li>Tente um cabo USB curto. Cabos USB longos tem sido conhecidos por não funcionar bem.</li>
- </ul>
- </li>
- <li>Try disabling and re-enabling Remote Debugging in the Settings app on the device.</li>
- <li>If <a href="/en-US/docs/Tools/WebIDE#Custom_runtimes">you disabled the ADB Addon Helper</a>, did you successfully run the <code>adb forward</code> command?</li>
- <li>If you use Linux, make sure you added add a <code>udev</code> rules file, as documented in step 3 of this guide to <a class="external external-icon" href="http://developer.android.com/tools/device.html#setting-up">setting up an Android device</a>. The <code>idVendor</code> attribute to use for the Geeksphone is "05c6", and <a class="external external-icon" href="http://developer.android.com/tools/device.html#VendorIds">this page</a> lists other <code>idVendor</code> values.</li>
- <li>Se você usa Windows:
- <ul>
- <li>you need to install drivers, as documented in step 3 of this guide to <a class="external external-icon" href="http://developer.android.com/tools/device.html#setting-up">setting up an Android device</a>. You can find drivers for Geeksphone devices on the <a class="external external-icon" href="http://downloads.geeksphone.com/">Geeksphone web site</a> and drivers for Google devices on <a href="http://developer.android.com/sdk/win-usb.htm">Google web site</a>. Windows 8 by default will not let you install unsigned drivers. See this tutorial on <a class="external-icon external" href="http://www.craftedge.com/tutorials/driver_install_windows8/driver_install_win8.html" title="http://www.craftedge.com/tutorials/driver_install_windows8/driver_install_win8.html">"How to install an unsigned driver on Windows 8"</a>.</li>
- <li>if the WebIDE can't see your device after following all the steps, you may have to <a class="external-icon external" href="http://blog.fh-kaernten.at/wehr/?p=1182">edit adb_usb.ini</a>.</li>
- </ul>
- </li>
- <li>If you're a EasyTether user (OS X), you will need to uninstall or disable EasyTether: <code>sudo kextunload /System/Library/Extensions/EasyTetherUSBEthernet.kext</code></li>
-</ul>
-
-<h3 id="Unrestricted_debugging_(including_certified_apps_built-in_apps_apps_already_installed_on_a_device)">Unrestricted debugging (including certified apps, built-in apps, apps already installed on a device)</h3>
-
-<p>If you are finding that you can't debug certified apps, built-in apps, or apps already installed on a real device, then you may be coming across WebIDE's restricted privileges security policy. To find out more, see the section on <a href="/en-US/docs/Tools/WebIDE#Unrestricted_app_debugging_%28including_certified_apps.2C_main_process.2C_etc.%29">Unrestricted app debugging (including certified apps, main process, etc.)</a>.</p>
-
-<h2 id="Conectando_a_outros_navegadores_(Chrome_Safari)">Conectando a outros navegadores (Chrome, Safari)</h2>
-
-<p>WebIDE makes use of <a href="/en-US/docs/Tools/Firefox_Tools_Adapter">Valence (formerly Firefox Tools Adapter)</a> to reach other browsers, like Chrome and Safari. </p>
-
-<p>If you are having trouble connecting to these other browsers, check the setup steps and other notes for those browsers on the <a href="/en-US/docs/Tools/Firefox_Tools_Adapter">Valence page</a>.</p>
-
-<h2 id="Ativando_logging">Ativando logging</h2>
-
-<p>You can also enable verbose logging to gather diagnostics:</p>
-
-<ol start="1" style="list-style-type: decimal;">
- <li>visit <a class="external external-icon" href="http://kb.mozillazine.org/About:config">about:config</a>, and add a new preference called <span class="message"><span class="content"><code><span class="email">extensions.adbhelper@mozilla.org.sdk</span>.console.logLevel</code>, with the string value <code>all, and set </code></span></span>extensions.adbhelper@mozilla.org.debug<span class="message"><span class="content"><code> to true</code></span></span></li>
- <li>In the <a class="external external-icon" href="https://support.mozilla.org/en-US/kb/disable-or-remove-add-ons">Add-ons Manager</a>, disable and then re-enable the ADB Helper add-on.</li>
- <li>Open the <a href="https://developer.mozilla.org/en-US/docs/Tools/Browser_Console">Browser Console</a> and you'll now see console messages prefixed with <code>adb</code>. If the messages don't mean anything to you, <a href="/en-US/docs/Tools/WebIDE/Troubleshooting#Get_help">ask for help</a>.</li>
-</ol>
-
-<h2 id="Obtenha_Ajuda">Obtenha Ajuda</h2>
-
-<p>Vá para <a class="external external-icon" href="https://wiki.mozilla.org/DevTools/GetInvolved#Communication">#devtools sala no IRC</a> e nós tentaremos te ajudar.</p>