¿Cómo abrir el código del subprograma WeChat en las herramientas de desarrollo?
Las herramientas de desarrollo de WeChat tienen tres módulos principales. Simulador de subprogramas, editor de subprogramas y depurador de subprogramas. Cada módulo tiene una función diferente. La función del depurador es similar al elemento de inspección de página en el navegador. Cuando modificamos las propiedades en el cuadro de ajuste del elemento, podemos ver los cambios en las propiedades relevantes de la página y encontrar los archivos de estilo de página relevantes. Lo mismo ocurre con el depurador de las herramientas de desarrollo de subprogramas WeChat.
Herramientas de desarrollo WeChat-Debugger
El depurador se divide en 6 módulos funcionales: Wxml, Consola, Fuentes, Red, Appdata, Almacenamiento
Wxml
p>Wxml se utiliza para ayudar a los desarrolladores a desarrollar interfaces después de convertir Wxml. Aquí puede ver la estructura de la página real y los atributos wxss correspondientes a la estructura. También puede modificar los atributos wxss correspondientes para ver las modificaciones en el simulador en tiempo real. También puede utilizar el selector en la esquina superior izquierda del módulo de depuración para encontrar rápidamente el código wxml correspondiente a un componente en la página.
Fuentes
Fuentes se utiliza para mostrar el archivo de script del proyecto actual. A diferencia del desarrollo del navegador, el marco del mini programa WeChat compila archivos de secuencia de comandos, por lo que los archivos que los desarrolladores ven en Fuentes son archivos de secuencia de comandos procesados, y el código del desarrollador se encapsulará en la función de definición para el código de la página y, finalmente, se llamará activamente a require.
Red
Netwrok se utiliza para observar y mostrar solicitudes y solicitudes de socket
Appdata
Appdata se utiliza para mostrar los datos de aplicación actuales de el proyecto actual Los datos específicos del proyecto se pueden retroalimentar en tiempo real. Los datos se pueden editar aquí y retroalimentar a la interfaz de manera oportuna. Puede editar datos aquí y proporcionar comentarios oportunos a la interfaz.
Almacenamiento
El almacenamiento se utiliza para mostrar el almacenamiento de datos del proyecto actual después de usar wx.setStorage o wx.setStorageSync.
Consola
La consola tiene dos funciones principales:
Los desarrolladores pueden ingresar y depurar código aquí
La salida de error del subprograma aparece aquí