Request Mocker cambia el tráfico de red en el navegador sin tocar el backend: bloquea solicitudes, configura o elimina encabezados de solicitud y respuesta, y devuelve tus propios códigos de estado, cuerpos y retrasos para que puedas probar estados que la API real no producirá bajo demanda.
Es dolorosamente difícil llegar a algunos estados. Un panel vacío necesita una respuesta vacía, un banner de reintento necesita un 500, un esqueleto de carga necesita un punto final lento y una interfaz necesita un punto final que aún no existe. Normalmente, cada uno significa un cambio de backend, una base de datos inicializada o una línea comentada que espera no enviar.
Request Mocker produce esos estados en el navegador. Haga coincidir una URL mediante subcadena o con comodines, luego decida qué sucede: bloquee la solicitud para que la página detecte un error, reescriba los encabezados de solicitud o respuesta sobre la marcha, o devuelva una respuesta predeterminada con el código de estado, tipo de contenido, cuerpo y retraso de su elección. La página no puede notar la diferencia, por lo que el manejo real de errores, los estados vacíos y los tiempos de espera se ejecutan de verdad.
El bloqueo y la reescritura de encabezados utilizan las reglas declarativasNetRequest de Chrome, por lo que se aplican a todo lo que solicita la página, incluso al recargar. Se entregan respuestas falsas para recuperar XMLHttpRequest desde el interior de la página, y el panel registra cada una a medida que se entrega junto con un contador de visitas por regla, para que pueda ver de un vistazo si su regla coincide con lo que usted cree.
Las reglas son deliberadamente fáciles de eliminar. Se guardan por sitio, se aplican solo a la pestaña actual y cada uno de ellos se elimina en el momento en que cierra la herramienta, por lo que no hay forma de pasar una tarde depurando un problema que resulta ser una simulación que olvidó que estaba ejecutando.
Evite que una solicitud salga, haga coincidir la URL y el método, y observe cómo se comporta la página cuando un script, una imagen, un rastreador o una llamada a la API simplemente nunca llega.
Establezca o elimine encabezados de solicitud y respuesta: agregue un encabezado de Autorización, fuerce el control de caché: no almacenar o elimine un encabezado para ver qué se rompe, sin ningún cambio en el servidor.
Sirve un cuerpo que escribes con el código de estado y el tipo de contenido que elijas. Perfecto para listas vacías, cargas útiles con formato incorrecto y puntos finales que aún no existen.
Devuelva un 500, un 429 o un 404 a pedido y agregue un retraso en milisegundos para retrasar la respuesta de modo que los estados de carga, los controles giratorios y el manejo del tiempo de espera se puedan probar correctamente.
Haga coincidir libremente con un fragmento como /api/users, o precisamente con comodines como *.example.com/v1/*, y limite cualquier regla a un único método HTTP.
Las reglas pertenecen al sitio en el que las creó y se aplican únicamente a la pestaña actual. Cerrar la herramienta elimina todas las reglas activas, por lo que nada sigue interceptando el tráfico a tus espaldas.
Devuelva una matriz vacía para un punto final de lista y vea si su interfaz de usuario muestra un estado vacío adecuado o un panel en blanco incómodo.
Realice una devolución de punto final 500 o 429 a pedido para verificar que el banner de reintento, el sistema y la copia alternativa realmente aparezcan.
Simule la forma de respuesta acordada y construya todo el frontend en función de ella mientras aún se escribe el backend.
Bloquee un script de análisis, chat o anuncio para confirmar si es lo que ralentiza la página o rompe el diseño.
Agregue un retraso de dos segundos a un punto final y observe cómo se mantienen los esqueletos, los controles giratorios y los tiempos de espera cuando una sola llamada se retrasa.
Haga clic en el icono Request Mocker en el Dock de DevSuite Pro. El panel se abre con un formulario de reglas en la parte superior y las reglas guardadas para este sitio debajo.
Elija Bloquear solicitud, Editar encabezados o Respuesta simulada y, opcionalmente, limite la regla a un método como POST.
Introduzca una subcadena como /api/users o utilice comodines como *.example.com/v1/*. Elija si la regla cubre solo llamadas de recuperación y XHR o todos los tipos de solicitud.
Para los encabezados, escríbalos uno por línea: Nombre: valor para establecer uno, Nombre: solo para eliminarlo. Para una simulación, establezca el estado, el retraso, el tipo de contenido y el cuerpo. Haga clic en Agregar regla y se aplica inmediatamente.
Vuelva a cargar o use la página y el registro mostrará cada respuesta falsa a medida que se entrega, con un recuento de visitas al lado de cada regla. Alterna, edita o elimina reglas a medida que avanzas; cerrar la herramienta los borra todos.
Instala DevSuite Pro gratis y desbloquea más de 71 herramientas de desarrollador para tu navegador.
