Skript-Webressourcenentwicklung unter Verwendung von Fiddler-AutoResponder

Während Sie JavaScript-Webressourcen entwickeln und debuggen, können Sie AutoResponder in Telerik Fiddler verwenden, um den Inhalt einer Webressource mit Inhalt aus einer lokalen Datei ersetzen, anstatt diesen jedes Mal in Ihre modellgestützte App-Instanz hochzuladen und zu veröffentlichen. Verwenden Sie folgende Schritte unten, um AutoResponder in Fiddler einzurichten.

Fiddler installieren und konfigurieren

1. Herunterladen und Installieren von Fiddler.

2. Öffnen Sie Fiddler, und von der Menüleiste aus wechseln Sie zu Extras, und wählen Sie dann Optionen aus.

3. Wählen Sie die Registerkarte HTTPS im Dialogfeld aus, und aktivieren Sie die Kontrollkästchen HTTPS-VERBINDUNGEN erfassen und HTTPS-Datenverkehr entschlüsseln, sodass der HTTPS-Datenverkehr erfasst und anschließend entschlüsselt wird.

   

4. Klicken Sie auf OK, um das Dialogfeld zu schließen.

Hinweis

Wenn Sie zum ersten Mal diese Einstellung aktivieren, wird Fiddler Sie dazu auffordern, ein Zertifikat zu installieren. Installieren Sie das Zertifikat, und starten Sie Fiddler erneut, damit die neuen Einstellungen wirksam werden.

Wenn Sie Fiddler in der Vergangenheit ausgeführt haben und einen NET::ERR_CERT_AUTHORITY_INVALID-Fehler auf der Registerkarte HTTPS erhalten, klicken Sie auf die Schaltfläche Aktionen, und wählen Sie Alle Zertifikate zurücksetzen aus. Dadurch wird auch eine Anzahl von Aufforderungen zur Installation der neuen Zertifikate angezeigt.

AutoResponder konfigurieren

1. Öffnen Sie die Seite in Ihrer modellgesteuerten App, die Sie debuggen möchten.

2. Starten Sie die Fiddler-Ablaufverfolgungserfassung, indem Sie auf die Schaltfläche Erfassung in der unteren linken Ecke klicken.

   

   Hinweis

   Wenn Sie HTTPS-Datenverkehr nur von einem bestimmten Host erfassen möchten, wählen Sie auf der Registerkarte Filter im Bereich Hosts im Dropdownmenü -Kein Hostfilter- die Option Nur die folgenden Hosts anzeigen aus dem Menü an, und geben Sie die Liste von Domänen ein, von denen aus Sie den Datenverkehr sehen möchten, getrennt durch Semikolon. Weitere Informationen: Filterreferenz.

3. Führen Sie jeglichen notwendigen Vorgang aus, um das Skript zu laden, das Sie testen. Sie können die Erfassung beenden, indem Sie erneut auf dieselbe Schaltfläche Erfassung klicken.

4. Wählen Sie die Ablaufverfolgungsprotokollsitzungen im linken Bereich aus, und suchen Sie die Datei, für die Sie den AutoResponder einrichten möchten.

   Wenn der Code, den Sie debuggen möchte, sich beispielsweise in einer JavaScript-Webressource mit Namen new_testscript.js befindet, verwenden Sie die Schaltfläche Suchen, um das Dialogfeld Sitzungen suchen zu öffnen, und suchen Sie nach dem Namen der Webressource.

   

   Sie sehen die Zeilen, die mit Ihren Suchkriterien übereinstimmen, hervorgehoben im linken Bereich.

5. Wählen Sie diese Zeile aus. Wählen Sie im rechten Bereich die Registerkarte AutoResponder aus.

   

6. Aktivieren Sie in der Registerkarte AutoResponder die Kontrollkästchen Regeln aktivieren und Passthrough nicht abgeglichener Anforderungen.

   

7. Stellen Sie sicher, dass Sie immer noch die Sitzung ausgewählt haben, die mit Ihrer Zieldatei verknüpft ist, und klicken Sie dann auf die Schaltfläche Regel hinzufügen im Abschnitt AutoResponder. Dadurch wird ein neuer Eintrag in der Regeltabelle hinzugefügt.

   

8. Wenn die Regel ausgewählt ist, wird beim Regeleditor unten die oberste Zeile mit der Sitzungs-URL aufgefüllt, die mit Ihrer Datei verknüpft ist und mit einer vorangestellten Zeichenfolge wie EXACT: versehen ist.

   Sie können dann die abzugleichende Zeichenfolge bearbeiten, um sie zu vereinfachen. Mit Webressourcen wird die URL generierte Werte in der URL oder in einer Abfragezeichenfolge enthalten, um sicherzustellen, dass die aktuellste veröffentlichte Version in der Antwort enthalten ist. Sie werden wahrscheinlich feststellen, dass der Wert EXACT etwa folgendermaßen aussehen wird:

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

   Sie können dies vereinfachen, um die erzeugten Werte zu entfernen und stattdessen dies zu verwenden:

   /WebResources/new_testscript.js
   

   Die untere Zeile wird leer gelassen. Geben Sie den Pfad zu Ihrer lokalen Datei auf Ihrem Datenträger in dieser unteren Zeile ein, und Speichern Sie.

   

Wenn Sie die oben aufgeführten Schritte befolgen, haben Sie Fiddler so konfiguriert, dass es den Anforderungen lauscht und mit der lokalen Datei antwortet, anstatt die Anforderung über das Netzwerk weiterzugeben.

Ihren Code aktualisieren und testen

1. Übernehmen Sie die Änderungen für Ihre lokale Datei.
2. Starten Sie erneut die Fiddler-Ablaufverfolgungserfassung, und kehren Sie zu Ihrem Browser zurück, um die Seite neu zu laden.
3. In den Browserentwicklertools können Sie sehen, dass die Datei, die jetzt empfangen wird, die lokale Datei ist.
4. Setzen Sie die Wiederholung dieses Prozesses weiterhin fort, während Sie Ihren Code aktualisieren, bis Sie die Ergebnisse erhalten, die Sie benötigen.

Siehe auch

Webressourcen
Clientskripting mit JavaScript

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).