Desarrollo de recursos web de script con Fiddler AutoResponder

  • Artículo
  • Tiempo de lectura: 3 minutos

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 herramientas y 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 Dynamics 365 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.
    Activar 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
```<br />
You can simplify this to remove the generated values and use this instead:<br />

    /WebResources/new_testscript.js

    The bottom row is left blank. Type the path to your local file on your disk on this bottom row and <strong>Save</strong>.<br />
![Add path to your local file in Rule editor.](media/fiddler-save-rule.png "Add path to your local file in Rule editor")<br />

By following the above steps, Fiddler is configured to listen to the requests and responds with the local file instead of passing the request over the network.

Update and test your code

  1. Apply changes to your local file.
  2. Start Fiddler trace capture again and go back to your browser and hard reload the page with empty cache.
  3. In the browser developer tools you can see that the file that is now received will be the local one.
  4. Continue repeating this process while updating your code until you get the results you require.

See Also

Web resources
Client scripting using JavaScript