Entwicklerressourcen: Quellzuordnungen ansehen und manuell laden

Sofia Emelianova
Sofia Emelianova

Im Bereich Ressourcen für Entwickler können Sie prüfen, ob die Quellzuordnungen in den Entwicklertools erfolgreich geladen werden. Sie können sie bei Bedarf auch manuell laden.

Übersicht

Wenn Sie die Entwicklertools öffnen, wird versucht, vorhandene Quellzuordnungen zu laden. Bei einem Fehler wird in der Konsole ein Fehler protokolliert, der in etwa so aussieht:

Der Fehler beim Laden der Quellzuordnung in der Console.

Im Bereich Ressourcen für Entwickler können Sie den Ladestatus der Quellkarte einsehen und Quellkarten auch manuell laden.

Ressourcen für Entwickler öffnen und Status prüfen

So prüfen Sie den Ladestatus von Quellkarten:

  1. Öffnen Sie die Entwicklertools, aktivieren Sie die Quellkarten und gehen Sie zu > Weitere Tools > Entwicklerressourcen.
  2. Prüfen Sie in der Tabelle die Werte in den folgenden Spalten:

    • Status, um zu sehen, ob das Laden der Quellzuordnung erfolgreich war oder fehlgeschlagen ist.
    • Fehler, um die Fehlermeldung zu lesen, falls vorhanden.

Die Spalten „Status“ und „Fehler“.

Ressourcen nach URL oder Fehler filtern

Wenn Sie sich auf Quellkarten konzentrieren möchten, die Sie interessieren, geben Sie oben im Textfeld einen Text ein, um Quellkarten herauszufiltern, die diesen Text nicht in URLs oder Fehlermeldungen enthalten.

Quellkarten herausfiltern, die in der URL kein „js“ enthalten

Probleme beim Laden von Quellkarten beheben

Standardmäßig werden in den Entwicklertools Quellzuordnungen angefordert, nicht die Website. Solche Anfragen werden möglicherweise als Quellübergreifende Anfragen behandelt und kommen möglicherweise nicht durch.

Wenn die Website zuerst Quellkarten anfordern soll, setzen Sie rechts oben unter Entwicklerressourcen ein Häkchen bei Kästchen. Über Website laden.

Das Kästchen „Durch Website laden“

Wenn weiterhin Probleme beim Laden von Quellkarten auftreten, laden Sie sie wie unten beschrieben manuell.

Quellzuordnung manuell laden

Wenn beim Laden Fehler auftreten oder Sie beispielsweise Ihren ursprünglichen Code auf einer Produktionswebsite mit fehlenden Quellkarten debuggen möchten, können Sie sie manuell laden:

  1. Erstellen Sie Quellkarten mit Tools, die sie unterstützen.
  2. Hosten Sie die Quellkarten lokal.
  3. Öffnen Sie die Entwicklertools auf Ihrer Seite und aktivieren Sie Quellzuordnungen.
  4. Öffnen Sie die bereitgestellte (verarbeitete) Datei unter Quellen, klicken Sie im Editor mit der rechten Maustaste darauf und wählen Sie im Menü Quellkarte hinzufügen aus.

    Wählen Sie im Menü die Option „Quellkarten hinzufügen“ aus.

  5. Geben Sie die URL der Quellkarte in das Textfeld ein und klicken Sie auf Hinzufügen.

    Geben Sie die URL der Quellkarte an.

  6. Prüfen Sie, ob die Quellzuordnung in den Entwicklerressourcen und die ursprüngliche Datei (der bereitgestellten Datei zugeordnet) im Dateibaum angezeigt wird.

    Durch eine manuell geladene Quellkarte wird die Originaldatei im Dateibaum angezeigt.

  7. Fahren Sie mit dem Entwickeln der Originaldatei fort.