Cuando estamos desarrollando la versión móvil de la página web, a menudo aparecen los siguientes escenarios:
(1) Durante el desarrollo, funciona bien en nuestra computadora y se cuelga después de abrirla en el teléfono móvil, pero el registro de errores no es visible en el teléfono móvil;
(2) Después de conectarse, un usuario dijo que la página no funcionaba correctamente, pero que no pudimos reproducirla por nosotros mismos y no pudimos ver el mensaje de error en el lado del usuario.
Si (1) se puede resolver conectando una computadora a un teléfono móvil para ver el registro, entonces (2) es muy pasivo cuando no hay un sistema completo de informes de front-end.
Como desarrolladores, nuestro atractivo es simple: ¿Existe una forma rápida de ver el registro en la página de inicio del teléfono móvil?
Panel de depuración de front-end de vConsole ¡
No entre en pánico, abrace vConsole!
vConsole es un panel de depuración de front-end creado por el equipo de front-end de la plataforma pública WeChat, que se especializa en el problema de la visualización de registros en el teléfono móvil.
Actualmente vConsole viene con 2 paneles, el predeterminado es el panel "Registro", responsable de mostrar el registro.
vConsole es
un panel de depuración de desarrollador de front-end ligero y extensible para páginas web móviles.
característica
- Ver registro de la consola
- Ver solicitudes de red
- Ver estructura de elementos de la página
- Ver cookies, almacenamiento local y almacenamiento de sesión
- Ejecute manualmente la línea de comando JS
- Complemento personalizado
Comenzar
Descargue la última versión de vConsole.
Instalar usando npm:
npm install vconsole
usar
// package.json
// "vconsole": "^3.3.4",
import vConsole from 'vconsole';
const Console = new vConsole();
original: