Iniciar una sesión de depuración para aplicaciones de la Tienda en Visual Studio (JavaScript)
En este tema se describe cómo iniciar una sesión de depuración para las aplicaciones de la Tienda Windows compiladas en JavaScript y HTML5. Puede iniciar la depuración presionando una sola tecla o configurar la sesión de depuración para situaciones concretas y, a continuación, elegir el modo de iniciar la aplicación.
Nota |
---|
En el caso de las aplicaciones creadas en XAML y Visual C#, Visual C++ o Visual Basic, consulte Iniciar una sesión de depuración para aplicaciones de la Tienda en Visual Studio (VB, C#, C++ y XAML) |
En este tema
En este tema
Iniciar la depuración de manera sencilla
Configurar la sesión de depuración
Abrir la página de propiedades de depuración del proyecto
Elegir las opciones de configuración de compilación
Elegir el destino de implementación
Elegir el depurador utilizado
(Opcional) Retrasa el inicio de la aplicación en la sesión de depuración
(Opcional) Deshabilitar bucles invertidos de red
Iniciar la sesión de depuración
Iniciar la depuración (F5)
Iniciar la depuración (F5) pero retrasar el inicio de la aplicación
Iniciar una aplicación instalada en el depurador
Asociar el depurador a una aplicación en ejecución
Configurar la aplicación para que se ejecute en modo de depuración
Asociar el depurador
Iniciar la depuración de manera sencilla
Abre la solución de aplicación en Visual Studio.
Si la solución contiene proyectos para las aplicaciones de la Tienda Windows y de la Tienda de Windows Phone, asegúrese de que el proyecto que quiera depurar sea el proyecto de inicio. En el Explorador de soluciones, seleccione el proyecto y elija Establecer como proyecto de inicio en el menú contextual.
Presione F5.
Visual Studio compila e inicia la aplicación con el depurador asociado. La ejecución continúa hasta que se alcanza un punto de interrupción, se suspende manualmente la ejecución, se produce una excepción no controlada o la aplicación finaliza. Para obtener más información, consulta Inicio rápido: Depurar HTML y CSS.
Configurar la sesión de depuración
Dado que no se compila el script, no se aplicará la configuración de la compilación y de la plataforma. Si está depurando un componente administrado o de C++, establezca la Configuración en Depurar y seleccione su plataforma de destino en el cuadro de diálogo Configuración.
Abrir la página de propiedades de depuración del proyecto
En el Explorador de soluciones, selecciona el proyecto. Elige Propiedades en el menú contextual.
Expanda el nodo Propiedades de configuración y seleccione Depuración
Elegir las opciones de configuración de compilación
En la lista Configuración, elige Debug o (Active) Debug.
En la lista Plataforma elige la plataforma de destino para la que se va a compilar. En la mayoría de los casos, la mejor opción es Cualquier CPU.
Elegir el destino de implementación
Puede implementar y depurar una aplicación en el equipo de Visual Studio, en el simulador de Visual Studio del equipo local o en un equipo remoto. Elija el destino en la lista Depurador para iniciar de la página de propiedades de Depuración del proyecto.
Para las aplicaciones de la Tienda Windows, elija una de estas opciones de la lista Dispositivo de destino:
Equipo local |
Depura la aplicación en la sesión actual en el equipo local. Consulta Ejecutar aplicaciones de la Tienda Windows en el equipo local. |
Simulador |
Depura la aplicación en el simulador de Visual Studio para aplicaciones de la Tienda Windows. El simulador es una ventana del escritorio que te permite depurar la funcionalidad del dispositivo (por ejemplo, gestos táctiles y de rotación de dispositivos) que no está disponible en el equipo local. Consulta Ejecutar aplicaciones de la Tienda Windows en el simulador. |
Equipo remoto |
Depura la aplicación en un dispositivo que esté conectado al equipo local a través de la intranet o directamente mediante un cable Ethernet. Para depurar remotamente, las Herramientas remotas de Visual Studio deben estar instaladas y ejecutándose en el dispositivo remoto. Consulta Ejecutar aplicaciones de la Tienda Windows en un equipo remoto desde Visual Studio. |
Si eliges Equipo remoto, especifica el nombre o la dirección IP del equipo remoto de una de estas maneras:
Especifique el nombre o la dirección IP del equipo local en el cuadro Nombre de equipo.
Elija la flecha abajo en el cuadro Nombre de equipo y seleccione <Buscar...>. A continuación, elija el equipo remoto en el cuadro de diálogo Seleccionar conexión del depurador remoto.
Nota El cuadro de diálogo Seleccionar conexión del depurador remoto muestra los equipos que están en la subred local y los que están conectados directamente con el equipo de Visual Studio mediante un cable Ethernet.Para especificar otro equipo, escribe su nombre en el cuadro Nombre de equipo.
Para las aplicaciones de la Tienda Windows, elija Dispositivo o uno de los emuladores de la lista Dispositivo de destino:
Elegir el depurador utilizado
El depurador va asociado al código JavaScript de la aplicación de forma predeterminada. Puede depurar el código administrado y de C++ nativo de los componentes de la aplicación en lugar del código JavaScript. El código que se debe depurar se especifica en la lista Tipo de depurador de la página de propiedades de Depuración del proyecto de aplicación.
Elige uno de estos depuradores en la lista Tipo de depurador:
Solo script |
Depura el código JavaScript de la aplicación. Se omiten el código administrado y el nativo. |
Solo nativo |
Depura el código C/C++ nativo de la aplicación. Se omiten el código administrado y el de JavaScript. |
Código nativo con script |
Depure el código de C++ nativo y el código JavaScript de la aplicación. |
Solo administrado |
Depura el código administrado de la aplicación. Se omiten el código de JavaScript y el de C/C++ nativo. |
Mixto (administrado y nativo) |
Depura el código de C/C++ nativo y el código administrado de la aplicación. Se omite el código de JavaScript. |
(Opcional) Retrase el inicio de la aplicación en la sesión de depuración
De forma predeterminada, Visual Studio inicia inmediatamente la aplicación cuando se iniciar la depuración. También puedes iniciar una sesión de depuración pero retrasar el inicio de la aplicación. La aplicación se inicia en el depurador cuando se inicia desde la pantalla Inicio o mediante un contrato de activación, o bien cuando la inicia otro proceso o método. También puede usar el inicio retrasado para depurar los eventos en segundo plano de la aplicación que quiera que se produzcan cuando la aplicación no se esté ejecutando.
El retraso del inicio de la aplicación se especifica en la lista Iniciar aplicación de la página de propiedades de Depuración del proyecto de la aplicación. Elige una de estas opciones:
Elija No para retrasar el inicio de la aplicación.
Elija Sí para iniciar la aplicación inmediatamente.
(Opcional) Deshabilitar bucles invertidos de red
Por razones de seguridad, a las aplicaciones de la Tienda Windows instaladas de la manera estándar en un dispositivo no se les permite realizar llamadas de red a ese dispositivo. De forma predeterminada, la implementación de Visual Studio crea una exención respecto a esta regla para la aplicación implementada. Esta exención te permite probar procedimientos de comunicación en un mismo equipo. Antes de enviar tu aplicación a la Tienda Windows, debes probarla sin la exención.
Para quitar la exención de bucle invertido de red, elija No en la lista Permitir bucle invertido de red de la página de propiedades de Depuración.
Iniciar la sesión de depuración
Iniciar la depuración (F5)
Cuando elija Iniciar depuración en el menú Depurar (teclado: F5), Visual Studio inicia la aplicación con el depurador asociado. La ejecución continúa hasta que se alcanza un punto de interrupción, se suspende manualmente la ejecución, se produce una excepción no controlada o la aplicación finaliza.
Iniciar la depuración (F5) pero retrasar el inicio de la aplicación
Puede establecer que la aplicación se ejecute en modo de depuración, pero dejar que se inicie mediante un método que no sea el depurador. Por ejemplo, puedes depurar el inicio de tu aplicación desde el menú Inicio o depurar un proceso en segundo plano de la aplicación sin iniciarla. Si deseas retrasar el inicio de la aplicación, realiza lo siguiente:
En la página Depurar de las propiedades del proyecto de la aplicación, elija No en la lista Iniciar aplicación.
Elija Iniciar depuración en el menú Depurar (teclado: F5).
Inicia la aplicación desde el menú Inicio, un contrato de ejecución o mediante otro procedimiento.
La aplicación se inicia en modo de depuración. La ejecución continúa hasta que se alcanza un punto de interrupción, se suspende manualmente la ejecución, se produce una excepción no controlada o la aplicación finaliza.
. Para obtener más información sobre la depuración de tareas en segundo plano, consulta Cómo desencadenar eventos de suspensión, reanudación y en segundo plano para aplicaciones de la Tienda Windows en Visual Studio.
Iniciar una aplicación instalada en el depurador
Si inicias la depuración utilizando F5, Visual Studio compila e implementa la aplicación, establece que la aplicación se ejecute en modo de depuración y, a continuación, la inicia. Para iniciar una aplicación que ya está instalada en un dispositivo, utiliza el cuadro de diálogo Depurar paquete de aplicaciones instalado. Este procedimiento es útil si necesitas depurar una aplicación instalada desde la Tienda Windows o si tienes los archivos de origen de la aplicación pero no tienes un proyecto de Visual Studio para ella. Por ejemplo, puede que tengas un sistema de compilación personalizado que no utilice proyectos o soluciones de Visual Studio.
La aplicación puede estar instalada en el dispositivo local o en un dispositivo remoto. Puedes iniciar la aplicación inmediatamente o establecer que se ejecute en el depurador cuando se inicie mediante otro proceso o método, por ejemplo desde el menú Inicio o mediante un contrato de activación. También puedes establecer que la aplicación se ejecute en modo de depuración cuando desees depurar un proceso en segundo plano sin iniciar la aplicación. Para obtener más información, consulta Cómo desencadenar eventos de suspensión, reanudación y en segundo plano para aplicaciones de la Tienda Windows en Visual Studio.
Para establecer que una aplicación instalada se ejecute en modo de depuración, realiza lo siguiente:
Nota |
---|
La aplicación no debe estar ejecutándose al iniciar este procedimiento. |
En el menú Depurar, elige Depurar paquete de aplicaciones instalado
Elige una de las opciones siguientes de la lista:
Equipo local
Depura la aplicación en la sesión actual en el equipo local. Consulta Ejecutar aplicaciones de la Tienda Windows en el equipo local.
Simulador
Depura la aplicación en el simulador de Visual Studio para aplicaciones de la Tienda Windows. El simulador es una ventana del escritorio que te permite depurar la funcionalidad del dispositivo (por ejemplo, gestos táctiles y de rotación de dispositivos) que no está disponible en el equipo local. Consulta Ejecutar aplicaciones de la Tienda Windows en el simulador.
Equipo remoto
Depura la aplicación en un dispositivo que esté conectado al equipo local a través de la intranet o directamente mediante un cable Ethernet. Para depurar remotamente, las Herramientas remotas de Visual Studio deben estar instaladas y ejecutándose en el dispositivo remoto. Consulta Ejecutar aplicaciones de la Tienda Windows en un equipo remoto desde Visual Studio.
Elige la aplicación en la lista Paquetes de aplicaciones instalados.
Elige el motor de depuración que deseas usar en la lista Depurar este tipo de código.
(Opcional). Elige No iniciar, pero depurar mi código al empezar para depurar la aplicación cuando se inicie mediante otro método o para depurar un proceso en segundo plano.
Cuando hagas clic en Inicio, la aplicación se iniciará o se establecerá que se ejecute en modo de depuración.
Asociar el depurador a una aplicación en ejecución
Si quieres asociar el depurador a una aplicación de la Tienda Windows, debes utilizar el Administrador de paquetes depurables para establecer la aplicación de modo que se ejecute en modo de depuración. El Administrador de paquetes depurables se instala con las Herramientas remotas de Visual Studio.
Asociar el depurador a una aplicación resulta útil si tiene que depurar una aplicación ya instalada, por ejemplo, que se haya instalado desde la Tienda Windows. Es necesario asociarlo cuando tienes los archivos de origen de la aplicación pero no tienes un proyecto de Visual Studio para ella. Por ejemplo, puede que tengas un sistema de compilación personalizado que no utilice proyectos o soluciones de Visual Studio.
Para asociar el depurador a una aplicación:
Establece la aplicación para que se ejecute en modo de depuración. Se tiene que hacer cuando la aplicación no se está ejecutando.
Inicia la aplicación. Puede iniciar la aplicación desde la pantalla Inicio, un contrato de ejecución o algún otro método.
Asocia el depurador a la aplicación en ejecución.
Configurar la aplicación para que se ejecute en modo de depuración
Instala las Herramientas remotas de Visual Studio en el dispositivo donde esté instalada la aplicación. Consulte Instalar la aplicación Herramientas remotas.
En la pantalla Inicio, busque Debuggable Package Manager. Inícielo.
Se abre una ventana de PowerShell configurada correctamente para cmdlet AppxDebug.
Para habilitar la depuración de una aplicación, debes especificar el identificador PackageFullName de la aplicación. Para ver una lista de todas las aplicaciones que incluyen PackageFullName, escribe Get-AppxPackage en el símbolo del sistema de PowerShell.
En el símbolo del sistema de PowerShell, especifique Enable-AppxDebug PackageFullName, donde PackageFullName es el identificador PackageFullName de la aplicación.
Asociar el depurador
Sugerencia |
---|
Las aplicaciones de JavaScript se ejecutan en una instancia del proceso wwahost.exe.Si hay otras aplicaciones de JavaScript ejecutándose durante la asociación, debe conocer el identificador numérico del proceso (PID) del proceso wwahost.exe en el que se ejecuta la aplicación. El modo más fácil de solucionarlo es cerrar las demás aplicaciones de JavaScript.De lo contrario, puede abrir el Administrador de tareas de Windows antes de iniciar la aplicación y apuntar los identificadores de los procesos wwahost.exe.Cuando especifique el proceso en el que se realizará la asociación en el cuadro de diálogo Procesos disponibles, el proceso wwahost.exe de la aplicación tendrá un identificador distinto de los demás que haya apuntado. |
Para asociar el depurador:
En el menú Depurar, elige Asociar al proceso.
Aparece el cuadro de diálogo Asociar al proceso.
Para asociarlo a una aplicación de un dispositivo remoto, especifícalo en el cuadro Calificador. Puedes realizar lo siguiente:
Escribir el nombre en el cuadro Calificador.
Hacer clic en la flecha abajo del cuadro Calificador y, después, elegir el dispositivo en una lista de dispositivos asociados previamente.
Elegir Buscar para seleccionar el dispositivo en una lista de dispositivos de la subred local.
Especifica el tipo de código que deseas depurar en el cuadro Asociar a.
Elige Seleccionar y realiza una de las siguientes operaciones:
Elige Determinar automáticamente el tipo de código para depurar.
Elige Depurar estos tipos de código y seleccionar uno o más tipos de la lista.
En la lista Procesos disponibles, elija el proceso wwahost.exe adecuado. Use la columna Título para identificar su aplicación.
Elige Asociar.
Visual Studio asocia el depurador al proceso. La ejecución continúa hasta que se alcanza un punto de interrupción, se suspende manualmente la ejecución, se produce una excepción no controlada o la aplicación finaliza.