1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
|
---
title: Usando el App Manager
slug: Archive/B2G_OS/Using_the_App_Manager
translation_of: Archive/B2G_OS/Using_the_App_Manager
---
<div class="summary">
<p>El App Manager es una nueva herramienta disponible en Firefox para escritorio, que provee una cantidad de útiles herramientas para ayudarte a probar, desarrollar y depurar aplicaciones HTML5 en teléfonos Firefox OS y el Simulador de Firefox OS, directamente en tu navegador.</p>
</div>
<p>El App Manager se compone de:</p>
<ul>
<li>El <a href="#Apps_panel"><em>Apps panel</em></a>, que maneja apps locales (aplicaciones cuyo código fuente está en tu equipo) y apps alojadas externamente, perimitiéndote empaquetarlas e instalarlas en tu dispositivo o simulador, y depurarlas usando Toolboxes.</li>
<li>El <a href="#Device_panel"><em>Device panel</em></a>, que muestra información sobre el dispositivo conectado, incluyendo la versión de Firefox OS instalada, los permisos requeridos para usar las APIs en el dispositivo, y las apps instaladas.</li>
<li><a href="/en-US/docs/Tools_Toolbox"><em>Toolboxes</em></a>, que son conjuntos de aplicaciones para el desarrollador (consola web, inspecto, depurador, etc.) que pueden ser conectadas a una aplicación en ejecución vía el Apps panel para realizar operaciones de depuración.</li>
</ul>
<h2 id="Instalación_rápida"><a name="Configuring_device">Instalación rápida:</a></h2>
<p>Esta seccion esta diseñada para conseguir la puesta en funcionamiento lo antes posible; si necesitas mas detalles por favor siga adelante con la sección <a href="#Configuring_device">Configuración del dispositivo y sistema</a> y continue leyendo desde allí. Vea también la sección <a href="#Troubleshooting">Solución de problemas</a> para obtener ayuda si tiene algún problema.</p>
<ol>
<li>Asegúrate de tener Firefox para escritorio 26+ instalado</li>
<li>Abre el App Manager (en la barra de direcciones, tipea <code>about:app-manager</code>)</li>
<li>Si no tienes un dispositivo real:
<ol>
<li><a href="https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/">Install the Firefox OS Simulator</a></li>
<li>En la barra inferior del App Manager, haz clic en <em>Start Simulator</em>, después haz clic en el nombre del simulador instalado, que debe aparecer ahí.</li>
</ol>
</li>
<li>Si tienes un dispositivo real:
<ol>
<li>Asegúrate que tu dispositivo está corriendo Firefox OS 1.2+</li>
<li>En Opciones de tu dispositivo, desactiva el Bloqueo de pantalla (<code>Opciones > <code>Bloqueo de pantalla</code></code>) y activa Depuración remota (<code>Opciones > Información del dispositivo > Más información > Desarrollador</code>)</li>
<li><a href="https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/adb-helper/">Instala el ADB Helper</a> como complemento en tu Firefox de escritorio</li>
<li>Conecta tu dispositivo a tu máquina vía cable USB</li>
<li>El nombre de tu dispositivo debería aparecer en la barra inferior del App Manager. Haz clic en él.</li>
</ol>
</li>
<li>En la barra inferior debe aparecer "Conectar con: xxx"</li>
<li>Haz clic en el panel de <em>Apps</em> y añade una app (empaquetada y hospedada)</li>
<li>El botón <em>Iniciar</em> valida tu app y la instala en el simulador / dispositivo</li>
<li>El botón <em>Depurar</em> conecta las herramientas para desarrolladores con la app arrancada</li>
</ol>
<h2 id="Configuración_del_dispositivo_y_el_sistema">Configuración del dispositivo y el sistema</h2>
<p><span id="result_box" lang="es"><span class="hps">Lo primero que</span> <span class="hps">tendrá que hacer</span> <span class="hps">cuando se utiliza el</span> <span class="hps">App Manager</span> <span class="hps">es asegurarse de que</span> <span class="hps">su sistema</span> <span class="hps">y el teléfono están</span> <span class="hps">configurados correctamente</span><span>.</span> <span class="hps">En esta sección</span> <span class="hps">se ejecutará</span>n <span class="hps">todos</span> <span class="hps">los pasos necesarios.</span></span></p>
<h3 id="Se_requiere_Firefox_OS_1.2">Se requiere Firefox OS 1.2+</h3>
<p><span id="result_box" lang="es"><span class="hps">Asegúrese de que su</span> <span class="hps">dispositivo se está ejecutando</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">1.2/Boot2Gecko</span> <span class="hps">1.2</span> <span class="hps">o superior.</span> <span class="hps">Para</span> <span class="hps">comprobar qué versión de</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">del dispositivo</span> <span class="hps">está funcionando</span><span>, vaya a Ajustes </span><span>></span> <span class="hps">Información </span><span>></span> <span class="hps">Software.</span></span></p>
<p><span id="result_box" lang="es"><span class="hps">Si</span> <span class="hps">usted no tiene</span> <span class="hps">una versión</span> <span class="hps">lo suficientemente alta</span> <span class="hps">instalada,</span> <span class="hps">dependiendo de</span><span class="hps">l teléfono</span> <span class="hps">que tiene</span>,<span class="hps"> necesitará</span> <span class="hps">ya sea</span> <span class="hps">instalar una</span> construcción nocturna <span class="hps">disponible</span> <span class="hps">de</span> <span class="hps">Firefox</span> OS <span class="hps">1.2</span> superior, <span class="hps">o</span> <span class="hps">configurar y</span> <span class="hps">construir por sí mismo</span> <span class="hps">desde la fuente</span><span>.</span></span></p>
<p>Construcciones disponibles:</p>
<ul>
<li><a href="http://downloads.geeksphone.com/">Geeksphone Keon/Peak builds</a> (para saber más acerca de como usarlo, lea <a href="/es/docs/Mozilla/Firefox_OS/Developer_phone_guide/Updating_and_Tweaking_Geeksphone">Updating and Tweaking your Firefox OS Developer Preview phone/Geeksphone</a>)</li>
<li>More to follow</li>
</ul>
<p>Para construir tu propia distribución de Firefox OS 1.2+, siga las instrucciones que se encuentran en <a href="/en-US/docs/Mozilla/Firefox_OS/Building_and_installing_Firefox_OS">Building and installing Firefox OS</a>, iniciando con <a href="/en-US/docs/Mozilla/Firefox_OS/Firefox_OS_build_prerequisites">Firefox OS build prerequisites</a>.</p>
<h3 id="Depuración_remota">Depuración remota</h3>
<p><span id="result_box" lang="es"><span class="hps">A continuación, debe</span> <span class="hps">habilitar la depuración remota</span> <span class="hps">en Firefox</span> <span class="hps">OS</span><span>.</span> <span class="hps">Para ello,</span> <span class="hps">vaya a Ajustes</span><span>></span> <span class="hps">Información</span><span>> Más información</span><span>></span> <span class="hps">Desarrollador</span> <span class="hps">y</span> <span class="hps">active la casilla</span> <span class="hps">de depuración remota</span><span>.</span></span></p>
<h3 id="Adb_Helper_Add-on" name="Adb_Helper_Add-on"><a name="adb-helper">ADB o ADB helper</a></h3>
<p><span id="result_box" lang="es"><span class="hps">El proceso utiliza</span> <span class="hps">el puente</span> <span class="hps">de depuración</span> <span class="hps">Android</span> <span class="hps">(ADB</span><span>)</span> <span class="hps">para manejar la</span> <span class="hps">conexión y comunicación entre el dispositivo</span> y la computadora<span>.</span> <span class="hps">Hay dos</span> <span class="hps">opciones para ejecutar</span> <span class="hps">ADB</span><span>:</span></span></p>
<ul>
<li>
<p>Deje que Firefox controle ADB (recomendado). <a href="https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/adb-helper/">Instale el complemento ADB Helper</a>, que hace que el proceso sea más fácil. Con este complemento, no hay necesidad de instalar el ADB ni de escribir el comando adb de la otra opción, todo es manejado por el complemento.</p>
</li>
<li>Use ADB manualmente. necesitas tenerlo instalado en tu computadora - descarga e instala adb (<a href="http://developer.android.com/sdk/index.html">Get the Android SDK</a>) como parte del paquete del SDK de Android. <span id="result_box" lang="es"><span class="hps">debes </span><span class="hps">activar el reenvío de</span> <span class="hps">puerto introduciendo</span> <span class="hps">el siguiente comando en</span> <span class="hps">el terminal</span></span>:
<pre>adb forward tcp:6000 localfilesystem:/data/local/debugger-socket</pre>
Ten en cuenta que tendrás que hacer esto cada vez que el teléfono se reinicie o se desconecte y vuelva a conectarse.</li>
</ul>
<div class="note">
<p>Nota: no es necesario ejecutar este comando si tienes instalado el complemento ADB Helper.</p>
</div>
<h2 id="Conectando_tu_disporitivo_al_App_Manager">Conectando tu disporitivo al App Manager</h2>
<p><span id="result_box" lang="es"><span class="hps">Con toda</span> <span class="hps">la configuración</span> <span class="hps">hecha</span><span>, ahora es</span> <span class="hps">el momento de</span> <span class="hps">conectar el dispositivo a</span> <span class="hps">tu ordenador</span> <span class="hps">e iniciar el</span> <span class="hps">App Manager</span></span>:</p>
<ol>
<li>Conecta el dispositivo a tu computadora via USB</li>
<li>D<span id="result_box" lang="es"><span class="hps">esactiva el</span> b<span class="hps">loqueo de pantalla</span> <span class="hps">en tu dispositivo</span><span>, vaya a</span> Ajustes<span class="hps">></span> <span class="hps">Pantalla</span> <span class="hps">y desmarque</span> <span class="hps">la casilla </span><span class="hps">Bloquear la pantalla</span><span>.</span> <span class="hps">Esta es una buena</span> <span class="hps">idea, porque</span> <span class="hps">cuando la pantalla</span> <span class="hps">se bloquea</span><span>,</span> <span class="hps">la conexión del teléfono</span> <span class="hps">se pierde,</span> <span class="hps">lo que significa que</span> <span class="hps">ya no está disponible</span> <span class="hps">para la depuración</span><span>.</span></span></li>
<li>Inicia el App Manager, en el Navegador Firefox de escritorio seleccione la opción de menú Herramientas > Desarrollo web > App Manager, o escriba about:app-manager in la barra de direcciones.</li>
<li>En la parte inferior del App Manager, verás una barra de estado de conexión (vea la imagen de abajo). <span id="result_box" lang="es"><span class="hps">Usted debe</span> <span class="hps">ser capaz de</span> <span class="hps">conectar el dispositivo</span><span>, haga clic en</span> el botón<span class="hps"> "Connect</span> to <span class="hps">localhost:</span> <span class="hps">6000"</span><span class="hps">.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Si esto funciona</span> <span class="hps">correctamente,</span> un mensaje <span class="hps">deberá aparecer</span> <span class="hps">en el dispositivo:</span> <span class="hps atn">"</span>An incoming request to permit remote debugging connection was detected. Allow connection?<span>"</span><span>.</span> <span class="hps">Pulsa</span> <span class="hps">el botón</span> <span class="hps atn">OK (T</span><span>ambién puede que tengas</span> <span class="hps">que pulsar el</span> <span class="hps">botón de encendido del</span> <span class="hps">teléfono para que pueda</span> <span class="hps">ver</span> <span class="hps">el mensaje</span><span>.</span><span>)</span> <span class="hps">La barra de</span> <span class="hps">estado de la conexión</span> <span class="hps">debe</span> <span class="hps atn">decir "</span>Connected to B2G<span>"</span><span>,</span> <span class="hps">con un</span> <span class="hps">botón Desconectar</span> <span class="hps">disponible</span> <span class="hps">para presionar</span> <span class="hps">si quieres</span> <span class="hps">cancelar la conexión</span><span>.</span></span></li>
</ol>
<p><img alt="" src="https://mdn.mozillademos.org/files/6263/connection-status.png" style="width: 600px; height: 30px; display: block; margin: 0px auto;"></p>
<div class="note">
<p><span id="result_box" lang="es"><span class="hps">Tenga en cuenta que</span> <span class="hps">los otros controles</span> <span class="hps">en</span> <span class="hps">la barra de</span> <span class="hps">estado de la conexión</span> <span class="hps">permiten conectar</span> <span class="hps">un simulador para</span> <span class="hps">el Administrador de</span> <span class="hps">la aplicación</span><span>, lo que</span> <span class="hps">vamos a cubrir en</span> <span class="hps">la siguiente sección,</span> <span class="hps">a continuación</span><span>,</span> <span class="hps">y cambiar</span> <span class="hps">el puerto que</span> <span class="hps">la conexión</span> <span class="hps">pasa</span> <span class="hps">sucesivamente.</span> <span class="hps">Si cambia el</span> <span class="hps">puerto, también</span> <span class="hps">será necesario que habilite</span> <span class="hps">el reenvío de puertos</span> <span class="hps">para este puerto</span><span>, así</span><span>,</span> <span class="hps">como se indica en</span> la sección <span class="hps"><a href="#adb-helper">ADB o ADB Helper</a>.</span></span></p>
</div>
<h2 id="Usar_el_complemento_Firefox_OS_Simulator"><a name="Simulator">Usar el complemento Firefox OS Simulator</a></h2>
<p><span id="result_box" lang="es"><span class="hps">Si</span> <span class="hps">no tienes</span> <span class="hps">un dispositivo real</span> <span class="hps">disponible para usar</span> <span class="hps">con el App Manager</span><span>, puede</span>s <span class="hps">probarlo</span> <span class="hps">utilizando un</span> <span class="hps">el complemento Firefox</span> <span class="hps">OS</span> <span class="hps">Simulator</span><span>.</span> <span class="hps">Para empezar</span><span>, instala</span> <span class="hps">el simulador</span> <span class="hps">apropiado para su sistema</span> <span class="hps">operativo</span><span>:</span></span></p>
<p><a href="https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/" style="margin-bottom: 20px; padding: 10px; text-align: center; border-radius: 4px; display: inline-block; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Install Simulator</a></p>
<p><span id="result_box" lang="es"><span class="hps">Una vez</span> <span class="hps">que hayas instalado</span> <span class="hps">el simulador,</span> <span class="hps">tienes que ir</span> <span class="hps">a la barra de</span> <span class="hps">estado de la conexión</span> <span class="hps">en la parte inferior</span> <span class="hps">de</span>l App Manager<span class="hps">,</span> <span class="hps">y haga clic en</span> <span class="hps">el botón "Start simulator</span><span>"</span><span>.</span> <span class="hps">Aparecerán</span> <span class="hps">tres botones</span><span>:</span></span></p>
<ul>
<li><span id="result_box" lang="es"><span class="hps">"Firefox</span> <span class="hps">OS</span> <span class="hps">1.2"</span> <span class="hps">...</span> <span class="hps atn">etc (</span><span>o algo</span> <span class="hps">similar):</span> <span class="hps">el botón de</span> <span class="hps">más a la izquierda</span> <span class="hps">contiene el</span> <span class="hps">nombre de la versión</span> <span class="hps">del simulador</span> <span class="hps">que ha instalado.</span> <span class="hps">Haga clic en él</span> <span class="hps">para iniciar la conexión</span> <span class="hps">al simulador.</span></span></li>
<li>"Add": <span id="result_box" lang="es"><span class="hps">el botón central</span> <span class="hps">se desplaza</span> <span class="hps">al simulador</span> <span class="hps">instalar</span> <span class="hps">enlaces de este artículo</span><span>, por lo que</span> <span class="hps">puede</span> <span class="hps">añadir más</span> <span class="hps">Simuladores</span> <span class="hps">(Firefox</span> <span class="hps">OS</span> <span class="hps">1.2</span><span>, Firefox</span> <span class="hps">OS 1.3</span><span>, ...)</span><span>.</span></span></li>
<li>"Cancel": este botón cancela la conexión.</li>
</ul>
<h2 id="Panel_de_aplicaciones"><a name="Apps_panel">Panel de aplicaciones</a></h2>
<p> </p>
<p><span id="result_box" lang="es"><span class="hps">Ahora</span> <span class="hps">que todo funciona</span><span>,</span> <span class="hps">vamos a revisar</span> <span class="hps">la funcionalidad disponible</span> <span class="hps">dentro de la</span> <span class="hps">App Manager</span><span>, empezando por el</span> <span class="hps">Panel de</span> <span class="hps">aplicaciones</span><span>.</span> <span class="hps">A partir de aquí</span><span>, puede importar</span> <span class="hps">una aplicación</span> <span class="hps">existente</span> <span class="hps">para instalar</span> en<span class="hps"> su dispositivo y</span> <span class="hps">depurarlo</span></span>:</p>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Para instalar</span> <span class="hps">una aplicación</span> <span class="hps">local, haga clic</span> <span class="hps">en el signo "+</span>" <span class="hps">junto a la etiqueta</span> <span class="hps">"Add Packaged App</span><span class="hps">"</span> <span class="hps">y use</span> <span class="hps">el cuadro de diálogo</span> <span class="hps">de selección de archivos</span> <span class="hps">para seleccionar</span> <span class="hps">el directorio </span>donde <span class="hps">está contenida la aplicación.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Para instalar una</span> <span class="hps">aplicación alojada</span> <span class="hps">externamente</span><span>, introduzca la</span> <span class="hps">URL</span> <span class="hps">absoluta del</span> <span class="hps">archivo manifest</span> <span class="hps">de la aplicación</span> <span class="hps">en</span> <span class="hps">el campo de texto</span> <span class="hps">dentro de la caja</span> <span class="hps atn">"</span>Add Hosted App<span class="hps">"</span><span>,</span> <span class="hps">luego presione el</span> <span class="hps">botón más</span><span>.</span></span></li>
</ul>
<p><span id="result_box" lang="es"><span class="hps">La información sobre su</span> <span class="hps">aplicación</span> <span class="hps">debe aparecer en la</span> <span class="hps">parte derecha de</span> <span class="hps">la ventana,</span> <span class="hps">como se ve</span> <span class="hps">a continuación:</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6261/apps-panel.png" style="width: 600px; height: 375px; display: block; margin: 0px auto;"></p>
<h2 id="Editor_del_Manifiesto">Editor del Manifiesto</h2>
<p><span id="result_box" lang="es"><span class="hps">Desde</span> <span class="hps">Firefox</span> <span class="hps">28</span> <span class="hps">en adelante, </span>el panel de aplicaciones<span class="hps"> incluye</span> <span class="hps">un editor para</span> <span class="hps">el </span><span class="hps">manifiesto de la aplicación</span><span>:</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6613/apps-panel-fx-28.png" style="width: 1038px; height: 751px;"></p>
<h2 id="Depuración">Depuración</h2>
<p><span id="result_box" lang="es"><span class="hps">Al hacer clic</span> <span class="hps">en "Update</span><span>"</span> <span class="hps">actualizará</span> <span class="hps atn">(o </span><span>instalará</span><span>)</span> <span class="hps">la aplicación en</span> <span class="hps">el dispositivo.</span> <span class="hps">Al hacer clic en</span> <span class="hps atn">"</span><span>debug"</span> <span class="hps">se conectará</span> <span class="hps">una caja de herramientas</span> <span class="hps">de</span> <span class="hps">la aplicación,</span> <span class="hps">lo que le permite</span> <span class="hps">depurar</span> <span class="hps">su</span> <span class="hps">código directamente</span><span>:</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6265/debug.png" style="width: 600px; height: 375px; display: block; margin: 0px auto;"></p>
<div class="note">
<p><span id="result_box" lang="es"><span class="hps">Nota:</span> <span class="hps">podrás disfrutar </span><span class="hps">jugando con la</span> <span class="hps">caja de herramientas</span> <span class="hps">-</span> <span class="hps">intenta</span> <span class="hps">alterar el</span> <span class="hps">DOM</span><span>, CSS</span><span>, etc</span> <span class="hps">y verás</span> <span class="hps">los</span> <span class="hps">cambios</span> <span class="hps">reflejados</span> <span class="hps">en el dispositivo</span> <span class="hps">en tiempo real.</span> <span class="hps">Tales</span> <span class="hps">cambios</span> <span class="hps">se guardarán</span> <span class="hps">en el</span> <span class="hps">código de la aplicación</span> <span class="hps">instalada</span><span>, las verás</span> <span class="hps">la próxima vez</span> <span class="hps">que abras la aplicación</span> <span class="hps">en el dispositivo.</span></span></p>
</div>
<p><span id="result_box" lang="es"><span class="hps">Antes de</span> <span class="hps">Firefox</span> <span class="hps">28</span><span>,</span> <span class="hps">las herramientas</span> <span class="hps">se ponen en marcha</span> <span class="hps">en una ventana separada</span><span>.</span> <span class="hps">Desde</span> <span class="hps">Firefox</span> <span class="hps">28</span> <span class="hps">en adelante,</span> <span class="hps">las herramientas</span> <span class="hps">se inician en una</span> <span class="hps">ficha independiente</span> <span class="hps">en la propia</span> <span class="hps">App Manager</span><span>, junto con</span> <span class="hps">las</span> <span class="hps">aplicaciones</span> <span class="hps">y las fichas</span> <span class="hps">de dispositivos</span><span>.</span> <span class="hps">La ficha</span> <span class="hps">tendrá</span> <span class="hps">el icono de la</span> <span class="hps">aplicación</span><span>, así que es</span> <span class="hps">fácil de encontrar:</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6615/toolbox-fx-28.png" style="width: 1038px; height: 751px;"></p>
<h2 id="Errores">Errores</h2>
<p><span id="result_box" lang="es"><span class="hps">Si</span> <span class="hps">una aplicación</span> <span class="hps">no se ha añadido</span> <span class="hps">con éxito</span> <span class="hps">-</span> <span class="hps">por ejemplo, si</span> <span class="hps">la URL</span> <span class="hps">es incorrecta</span><span>,</span> <span class="hps">o se ha seleccionado</span> <span class="hps">una carpeta</span> <span class="hps">aplicación empaquetada</span> <span class="hps">-</span> <span class="hps">una entrada</span> <span class="hps">se</span> <span class="hps">agrega a la página</span> <span class="hps">de</span> <span class="hps">esta aplicación,</span> <span class="hps">pero esto va a</span> <span class="hps">incluir</span> <span class="hps">información de errores.</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6259/apps-error.png" style="width: 600px; height: 375px; display: block; margin: 0px auto;"></p>
<p><span id="result_box" lang="es"><span class="hps">También puedes eliminar</span> <span class="hps">una aplicación desde</span> <span class="hps">esta vista</span><span>,</span> <span class="hps">el ratón encima del</span> nombre/Descripción de la <span class="hps">App</span> en<span class="hps"> la izquierda</span> <span class="hps">de la ventana,</span> <span class="hps">y pulsando el botón</span> <span class="hps">"X</span><span>" que aparece</span> <span class="hps">en cada caso.</span> <span class="hps">Sin embargo, esto</span> <span class="hps">no elimina</span> <span class="hps">la aplicación</span> <span class="hps">del dispositivo.</span> <span class="hps">Para ello</span> <span class="hps">es necesario eliminar</span> <span class="hps">manualmente la</span> <span class="hps">aplicación utilizando</span> <span class="hps">el propio dispositivo.</span></span></p>
<h2 id="Panel_del_Dispositivo"><a name="Device_panel">Panel del Dispositivo</a></h2>
<p><span id="result_box" lang="es"><span class="hps">La ficha</span> <span class="hps">de dispositivos muestra</span> <span class="hps">información sobre el dispositivo</span> <span class="hps">conectado.</span> <span class="hps">Desde la ventana</span> <span class="hps">"Aplicaciones</span> <span class="hps">instaladas"</span><span>, las aplicaciones</span> <span class="hps">en el dispositivo</span> <span class="hps">se pueden iniciar y</span> <span class="hps">depurar</span><span>.</span></span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6267/device-tab.png" style="width: 600px; height: 375px; display: block; margin: 0px auto;"></p>
<div class="note">
<p>Nota: las aplicaciones certificadas no están listadas por defecto. <a href="#Debugging_Certified_Apps">Vea como depurar aplicaciones certificadas</a>.</p>
</div>
<p>La ventana "Permissions" muestra los privilegios requeridos por las diferentes <a href="/en-US/docs/WebAPI">Web APIs</a> en el dispositivo actual:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6269/permissions.png" style="width: 600px; height: 375px; display: block; margin: 0px auto;"></p>
<p>Finalmente, puedes tomar una captura de pantalla del dispositivo haciendo click en el botón "Screenshot". la imagen aparecerá en una nueva pestaña en Firefox, y desde allí podrás guardarla o descartarla si es tu elección.</p>
<h2 id="Depurar_aplicaciones_certificadas"><a name="Debugging_Certified_Apps">Depurar aplicaciones certificadas</a></h2>
<p><span id="result_box" lang="es"><span class="hps">Actualmente, sólo</span> <span class="hps">los dispositivos que ejecutan</span> <span class="hps">una versión de</span> <span class="hps">desarrollo de</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">1.2</span> <span class="hps">son capaces de</span> <span class="hps">depurar</span> <span class="hps">aplicaciones</span> <span class="hps">certificadas.</span> <span class="hps">Si tienes una</span> <span class="hps">versión en desarrollo</span><span>, puede habilitar</span> <span class="hps">la depuración</span> <span class="hps">de aplicaciones</span> <span class="hps">certificadas</span> <span class="hps">por</span> <span class="hps">el cambio de las</span> <span class="hps">prefe</span><span class="atn">-</span><span>certificada</span> <span class="hps">devtools.debugger.forbid</span><span>-apps</span> <span class="hps">en false en</span> <span class="hps">tu perfil.</span> <span class="hps">Para</span> <span class="hps">ello, siga</span> <span class="hps">los pasos a continuación</span><span>:</span></span></p>
<ol>
<li>
<p>En tu computadora, ingresa el siguiente comando en el terminal para entrar al sistema de archivos de tu dispositivo via consola:</p>
<pre class="brush: bash">adb shell</pre>
<p>tu consola debe cambiar a <code>root@android</code>.</p>
</li>
<li>
<p><span id="result_box" lang="es"><span class="hps">A continuación,</span> detener <span class="hps">B2G</span> <span class="hps">corriendo</span> <span class="hps">el siguiente comando</span></span>:</p>
<pre class="brush: bash">stop b2g</pre>
</li>
<li>
<p>Navega al siguiente directorio:</p>
<pre>cd /data/b2g/mozilla/*.default/</pre>
</li>
<li>
<p>Aquí, actualiza el archivo pref.js con la siguiente linea:</p>
<pre class="brush: js">echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js</pre>
</li>
<li>
<p>Después de que termines de editar y salvar el archivo, inicia B2G usando el siguiente comando:</p>
<pre class="brush: bash">start b2g</pre>
</li>
<li>
<p>Sal del sistema de archivos del dispositivo cuando el comando <code>exit</code>; con esto regresarás a tu terminal normal.</p>
</li>
<li>
<p>Ahora reconecta el App Manager y deberías poder ver las aplicaciones certificadas para su depuración.</p>
</li>
</ol>
<div class="note">
<p>Nota: Si deseas agregar esta preferencia a tu construcción de Gaia puedes correr el comando <code>make DEVICE_DEBUG=1 reset-gaia</code>.</p>
</div>
<h2 id="Solución_de_problemas"><a name="Troubleshooting"><span class="short_text" id="result_box" lang="es"><span class="hps">Solución de problemas</span></span></a></h2>
<p id="My_device_is_not_recognized">Si el dispositivo no es renonocido:</p>
<ul>
<li>Lee la sección <a href="#Configuring_device">Configuración del Dispositivo y el Sistema</a> a fondo, y asegúrate de que has seguido todos los pasos:</li>
<li><span id="result_box" lang="es"><span class="hps">¿Está su</span> <span class="hps">equipo</span> <span class="hps">funcionando</span> con <span class="hps">al menos</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">1.2</span></span>?</li>
<li>
<div class="almost_half_cell" id="gt-res-content">
<div dir="ltr" style="zoom: 1;">
<span id="result_box" lang="es"><span class="hps">¿Has habilitado la opción</span> <span class="hps atn">"</span><span>Depuración remota</span><span>" en la configuración</span> <span class="hps">del</span><span class="hps"> dispositivo?</span></span></div>
</div>
</li>
<li>Si no estás usando el <a href="#Adb_Helper_Add-on">complemento ADB Helper</a>:
<ul>
<li>¿Has ejecutado sastifactoriamente el comando <code>adb forward</code>.</li>
</ul>
</li>
<li>Si estás usando el <a href="#Adb_Helper_Add-on">complemento ADB Helper</a> y tu dispositivo no está listado en la barra de herramientas inferior:
<ul>
<li>Si usas Linux, <a href="http://developer.android.com/tools/device.html#setting-up">asegurate de haber configurado las reglas udev correctamente</a></li>
<li>Si usas Windows, <a href="http://developer.android.com/tools/device.html#setting-up">asegúrate de haber instalado los controladores apropiados</a></li>
</ul>
</li>
<li>¿Está bloqueada la pantalla de tu dispositivo?</li>
</ul>
<p>¿No puedes conectar tu dispositivo al App Manager o iniciar el simulador? <a href="https://wiki.mozilla.org/DevTools/GetInvolved#Communication"> </a><span class="short_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="Let us know or file a bug."><a href="https://wiki.mozilla.org/DevTools/GetInvolved#Communication">Háganos saber</a> o <a href="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&attach_text=&blocked=&bug_file_loc=http%3A%2F%2F&bug_ignored=0&bug_severity=normal&bug_status=NEW&cf_blocking_b2g=---&cf_crash_signature=&cf_status_b2g18=---&cf_status_b2g_1_1_hd=---&cf_status_b2g_1_2=---&cf_status_firefox24=---&cf_status_firefox25=---&cf_status_firefox26=---&cf_status_firefox27=---&cf_status_firefox_esr17=---&cf_status_firefox_esr24=---&cf_tracking_b2g18=---&cf_tracking_firefox24=---&cf_tracking_firefox25=---&cf_tracking_firefox26=---&cf_tracking_firefox27=---&cf_tracking_firefox_esr17=---&cf_tracking_firefox_esr24=---&cf_tracking_firefox_relnote=---&cf_tracking_relnote_b2g=---&comment=&component=Developer%20Tools%3A%20App%20Manager&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&data=&defined_groups=1&dependson=&description=&flag_type-203=X&flag_type-37=X&flag_type-41=X&flag_type-5=X&flag_type-607=X&flag_type-720=X&flag_type-721=X&flag_type-737=X&flag_type-748=X&flag_type-781=X&flag_type-787=X&flag_type-791=X&flag_type-799=X&flag_type-800=X&flag_type-802=X&flag_type-803=X&flag_type-809=X&flag_type-825=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Firefox&qa_contact=developer.tools%40firefox.bugs&rep_platform=x86&requestee_type-203=&requestee_type-41=&requestee_type-5=&requestee_type-607=&requestee_type-748=&requestee_type-781=&requestee_type-787=&requestee_type-791=&requestee_type-800=&short_desc=&status_whiteboard=&target_milestone=---&version=Trunk">abra un bug</a>.</span></span></p>
|