Cómo depurar el desarrollo web de WeChat usando un teléfono móvil
Tutorial de uso de la herramienta para desarrolladores web WeChat:
1. Lo primero que debe hacer el usuario es descargar, instalar e iniciar la herramienta.
Descargar y usar ahora==》Descarga de la herramienta para desarrolladores web WeChat
2. Depuración de la autorización de la página web de WeChat, los pasos específicos son:
1) Los desarrolladores pueden Haga clic en "Iniciar sesión" en el depurador y use el código WeChat de su teléfono móvil para escanear el código QR e iniciar sesión, utilizando así su identidad de usuario real para desarrollar y depurar la autorización de la página web WeChat. Confirme la página de inicio de sesión móvil y la cuenta oficial vinculada es "WeChat Web Developer Tools".
2) Para garantizar la seguridad de la información de identidad del desarrollador, requerimos que la cuenta WeChat del desarrollador establezca una relación vinculante con la cuenta oficial que desea depurar. La operación específica es: iniciar sesión en el backend de administración con la cuenta oficial, habilitar el centro de desarrolladores y enviar una invitación vinculante a la cuenta WeChat del desarrollador en la página de herramientas para desarrolladores - herramientas para desarrolladores web.
3) Los desarrolladores pueden completar el enlace aceptando la invitación en WeChat en su teléfono móvil. Cada cuenta oficial puede vincularse a hasta 10 ID de WeChat de desarrollador al mismo tiempo. La página de confirmación de la invitación se muestra a continuación:
4) Después de completar el inicio de sesión y la vinculación, el desarrollador puede comenzar a depurar la autorización de la página web de WeChat. Tenga en cuenta que solo puede depurar la cuenta oficial que ha vinculado:
URL autorizada no silenciosa: haga clic para ver
En la herramienta de desarrollo web WeChat, el simulador de vista web muestra la URL anterior como se muestra en la figura:
Haga clic en "Confirmar inicio de sesión". Puede saltar a la página de terceros con información del usuario, lo cual es muy conveniente para el desarrollo y la depuración posteriores.
URL autorizada silenciosa: haga clic para ver
Al abrir la URL en las herramientas para desarrolladores web de WeChat se saltará automáticamente a la página de terceros.
(Nota: si se utiliza un proxy, el propio proxy debe admitir /jssdk
Abra la URL en el depurador, puede verla fácilmente en la pestaña JS-SDK en a la derecha El estado de verificación de la página actual wx.config y el registro de llamadas de JSSDK son los siguientes:
Las siguientes son las páginas que no pasaron la verificación:
En el campo "Permiso Pestaña Lista" ", puede consultar la lista de JS-SDK para los que la página actual tiene permisos:
4. Depuración móvil
La función de depuración móvil se basa en weinre, y algunas Se han realizado mejoras. Tiene dos ventajas sobre el uso de weinre directamente:
1) No es necesario agregar manualmente el script de depuración de weinre a la página
2) Puedes ver el archivo. complete el registro de solicitudes http de la tarjeta de página de solicitud de red weinre, no limitado a solicitudes ajax
(Tenga en cuenta que la función de depuración móvil aún no es compatible con https).
5. >
Desarrollador web WeChat La herramienta está integrada con Chrome DevTools. Es consistente con la experiencia de depuración anterior en PC y puede comenzar rápidamente.
El contenido anterior son algunos métodos de uso básicos de las herramientas para desarrolladores web de WeChat. Después de todo, es un software de "alta gama" adecuado para desarrolladores, para "analfabetos" como el editor. El método específico de uso del software aún debe ser explorado por los propios desarrolladores. Creo que definitivamente se convertirá en una herramienta indispensable para los desarrolladores.