Freigeben über

Monitortool für Quellzuordnungen

  • Artikel

Verwenden Sie das Tool Source Maps Monitor , um zu überwachen, welche Quelldateien auf Ihrer Webseite das Laden von Quellzuordnungen angefordert haben und ob die Quellzuordnungen geladen wurden. Dieses Tool ist nützlich, wenn Ihre Webseite Quellzuordnungen verwendet, um Ihren neu verarbeiteten Code ihrem ursprünglichen Quellcode zuzuordnen. Mit der Quellzuordnung können Sie Ihren ursprünglichen Quellcode anzeigen und debuggen, anstatt mit der erneut verarbeiteten Version Ihres Codes arbeiten zu müssen, die vom Server zurückgegeben wird.

Gehen Sie wie folgt vor, um dieses Feature auszuprobieren:

  1. Befolgen Sie in einer neuen Registerkarte oder in einem neuen Fenster die Anweisungen unter Zuordnen des verarbeiteten Codes zu Ihrem ursprünglichen Quellcode zum Debuggen, und fahren Sie dann weiter unten fort.

  2. Schließen Sie das Popupdialogfeld, das die Demo öffnet.

  3. Wählen Sie im Tool Quellen auf der Registerkarte Seite die Datei aus, die die Demo für Sie erstellt hat, z. B.Coffee2.js.

  4. Klicken Sie in DevTools auf der Symbolleiste Standard auf die Schaltfläche Weitere Tools (Symbol weitere Tools), und wählen Sie dann das Tool Quellzuordnungen überwachen aus.

    Das Tool

Ausschlüsse und Einschlüsse

Das Tool Source Maps Monitor zeigt an, welche URL-Lookups versucht wurden oder nicht, wie in den Filtereinstellungen in DevTools Einstellungen > Symbol Server > Filterverhalten konfiguriert. Zum Beispiel:

  1. Klicken Sie mit der rechten Maustaste auf eine Webseite, und wählen Sie dann Untersuchen aus. DevTools wird geöffnet.

  2. Klicken Sie auf die Schaltfläche Einstellungen (Symbol Einstellungen für DevTools), und wählen Sie dann Symbolserver aus.

  3. Wählen Sie in der Dropdownliste Filterverhaltendie Option Ausschlussliste aus (oder wählen Sie Einschlussliste aus). Wenn die Dropdownliste Filterverhalten nicht angezeigt wird, legen Sie die Symbolservereinstellungen fest, wie in den folgenden Artikeln beschrieben:

  4. Geben Sie im Textfeld Filterverhalten eine Domäne mit einem Zu schließenden (oder einzuschließenden) Bereich ein, z. B.: https://ryanseddon.com/*

  5. Schließen Sie DevTools-Einstellungen.

  6. Wählen Sie in DevTools das Tool Source Maps Monitor aus.

    Das Tool Source Maps Monitor gibt jetzt ausgeschlossene (oder eingeschlossene) Quellzuordnungs-URL-Suchversuche an:

Das Tool

Siehe auch