Compartir a través de

Desarrollo de recursos web de script con Fiddler AutoResponder

  • Artículo

Al desarrollar y depurar recursos web de JavaScript, puede usar AutoResponder en Telerik Fiddler para reemplazar el contenido de un recurso web con el contenido de un archivo local en lugar de cargarlo en su instancia de aplicaciones basadas en modelos y publicarlo cada vez. Use los pasos siguientes para configurar AutoResponder en Fiddler.

Instale y configure Fiddler

  1. Descargar e instalar Fiddler.

  2. Abra Fiddler y en la barra de menú, vaya a herramientasy seleccione opciones.

  3. Seleccione la pestaña HTTPS en el cuadro de diálogo y active las casillas capturar CONEXIONES HTTPS y Descifrar tráfico HTTPS para que el tráfico HTTPS se capture y, después, se descifre.

    Active las casillas marcadas en la ficha HTTP

  4. Haga clic en Aceptar para cerrar el cuadro de diálogo.

Nota

Si es la primera vez que va a habilitar esta configuración, Fiddler le pedirá que instale un certificado. Instale el certificado y reinicie Fiddler para que la nueva configuración tenga efecto.

Si ha ejecutado Fiddler anteriormente y obtiene un error NET::ERR_CERT_AUTHORITY_INVALID, en la pestaña HTTPS, haga clic en el botón acciones y elija restablecer todos los certificados. Esto también hará que se presenten varias solicitudes para que los nuevos certificados estén instalados.

Configurar AutoResponder

  1. Abra la página en la instancia de la aplicación basada en modelo que desea depurar.

  2. Inicie la captura de seguimiento de Fiddler haciendo clic en el botón captura de la esquina inferior izquierda.

    Hacer clic en el botón de captura para iniciar la captura de tráfico HTTPS.

    Nota

    Si desea capturar tráfico HTTPS solo de un determinado host, en la ficha filtros, en el área host, en el menú desplegable - ningún filtro de Host- seleccione Mostrar solo los siguientes hosts en el menú y escriba la lista de dominios cuyo tráfico desea ver, separados por puntos y comas. Más información: Referencia de filtros. Filtrar el tráfico que se muestra en la interfaz de usuario de Fiddler.

  3. Realice cualquier operación necesaria para cargar el script que prueba. Puede detener la captura, haciendo clic en el mismo botón captura de nuevo.

  4. Seleccione las sesiones de registro de seguimiento en el panel izquierdo y busque el archivo para el que desee configurar AutoResponder.

    Por ejemplo, si el código que desea depurar está en un recurso web de JavaScript denominado new_testscript.js, utilice el botón buscar para abrir el cuadro de diálogo buscar sesiones y buscar el nombre del recurso Web.

    Encontrar una sesión en fiddler.

    Verá las filas que coinciden con sus criterios de búsqueda resaltadas en el panel izquierdo.

  5. Seleccione dicha fila. En el panel derecho, seleccione la pestaña AutoResponder.

    Seleccionar la pestaña AutoResponder.

  6. En la pestaña AutoResponder, seleccione las casillas habilitar reglas y acceso directo de solicitudes no coincidentes.

    Active las dos casillas resaltadas

  7. Asegúrese de tener aún la sesión relacionada con el archivo de destino seleccionada y haga clic en el botón Agregar regla de la sección AutoResponder. Esto agrega una nueva entrada en la tabla de reglas.

    Agregar nueva regla

  8. Cuando se selecciona la regla, el Editor de reglas de la parte inferior tiene la fila superior rellenada con la dirección URL de sesión relacionada con el archivo y con un prefijo de cadena del tipo EXACT:.

    A continuación, puede editar la cadena que debe coincidir para simplificarla. Con recursos web, la dirección URL contendrá valores generados en la dirección URL o en una cadena de la consulta para asegurarse de que la última versión publicada se incluye en la respuesta. Probablemente verá que el valor EXACT tendrá un aspecto como el siguiente:

    EXACT:https://<org URL>/%7B636556138760000160%7D/WebResources/new_testscript.js?    ver=-1229805553

    Puede simplificar esto para quitar los valores generados y utilizar esto en su lugar:

    /WebResources/new_testscript.js

    La fila inferior está en blanco. Escriba la ruta a su archivo local en el disco en esta fila de la parte inferior y elija guardar.

    Agregar ruta a su archivo local en el editor de reglas

Si sigue los pasos anteriores, habrá configurado Fiddler para escuchar las solicitudes y responder con el archivo local en lugar de pasar la solicitud a través de la red.

Actualice y pruebe el código

  1. Aplique los cambios a su archivo local.
  2. Vuelva a iniciar la captura de seguimiento de Fiddler y vuelva a explorador y vuelva a cargar la página con caché vacía.
  3. En las herramientas de desarrollo del explorador puede ver que el archivo que recibe será el archivo local.
  4. Continúe repitiendo el proceso mientras actualiza el código hasta que obtenga los resultados que necesita.

Consulte también

Recursos web
Scripting del cliente con JavaScript

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).