la puesta en marcha del proyecto ReactNative

En una buena primera ejecución después de un programa de RN, se puede ver la siguiente información a través de la depuración de los andamios de aplicaciones:

• Ctrl + M: Abrir el menú de depuración de depuración en el simulador (abierta agitando el teléfono en una máquina real)
• 双击R: Aplicación de recarga
• Enable Hot Reload: Carga térmica en la página actual

De error y de advertencia

Un error o una advertencia en caso de tiempo de ejecución JS, el simulador aparecerán como una pantalla roja

advertencias

Advertencia que aparece runtime Reaccionar programa nativo también se muestran directamente en la pantalla para mostrar un fondo amarillo, y se imprimirá un mensaje de advertencia, puede también console.warn()advertencias de activación manual, puede también console.disableYellowBox = truemostrar advertencias desactivar manualmente, o mediante console.ignoreYellowBox = ['waring: ...'];correspondiente a ignorar la advertencia.

Herramientas para desarrolladores de Chrome

Herramientas para desarrolladores de Chrome

herramienta de desarrollo de Google Chrome, se basa en el navegador de Google contiene un conjunto de creación de páginas web y herramientas de depuración, las herramientas de desarrollo que permiten a los desarrolladores web a las profundidades de las aplicaciones de navegador web y. La herramienta se puede realizar un seguimiento de manera efectiva problema de diseño, establecer puntos de interrupción y JS profunda comprensión de la estrategia de optimización de código. herramientas de desarrollo de Chrome un total de 8 amplio conjunto de herramientas (a través de Ctrl+Mla depuración saltará a abrir en Chrome):

• grupo Elemento: para ver y editar HTML y CSS elementos de la página actual
• Panel de red: para más detalles véase la solicitud HTTP, como encabezado de la solicitud, y el contenido de la cabecera regresado respuesta
• panel Fuente: para ver la página y depurar secuencias de comandos actuales archivos de origen cargados
• panel Línea de tiempo: Tiempo de ejecución de secuencias de comandos de visualización, elementos de la página horarios y otra información de renderizado
• panel Perfiles: Para ver el tiempo de ejecución de la CPU y uso de memoria y otra información
• Panel de Recursos: Ver el archivo de recursos actual de la página solicitada, tales como HTML, archivos de estilo CSS.
• panel de auditorías: las portadas de optimización para acelerar la velocidad de carga de las páginas
• panel de la consola: información de depuración se utiliza para mostrar la salida, o para ejecutar scripts de prueba

Para aplicaciones altamente ReactNative, Fuentes y consola es una alta frecuencia de uso de dos herramientas

Cómo altamente Reaccionar programa nativo a través de Chrome?

1. Iniciar la depuración remota

Haga clic en "Depuración" JS Ejecución remota de la función altamente en el menú de desarrollador, Chrome estará abierto en este momento, la creación de un "htto: // localhost: 8081 / depurador ui-" página Tab

2. Abrir Chrome Developer Tools

Abrir las Herramientas de Desarrollo en la página Tab, (F12)

3. En la depuración de Android:

En Android 5.0 o dispositivos más altos conectados a través de USB a un ordenador y configurar el reenvío de puertos a través de la herramienta de línea de comandos adb reverse tcp:8081 tcp:80810, también puede configurar IP de su ordenador para depurar en "Configuración dev" en "Menú desarrollador" en.

otro

depuración punto de interrupción