Tool "Source Karten Monitor"
Verwenden Sie das Tool "Source Karten 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 wiederverarbeiteten Code Ihrem ursprünglichen Quellcode zuzuordnen. Mit der Quellzuordnung können Sie ihren ursprünglichen Quellcode anzeigen und debuggen, anstatt mit der neu verarbeiteten Version des Codes arbeiten zu müssen, die vom Server zurückgegeben wird.
So testen Sie dieses Feature:
Folgen Sie in einer neuen Registerkarte oder einem neuen Fenster den Anweisungen in "Zuordnen des verarbeiteten Codes zum ursprünglichen Quellcode, zum Debuggen" und fahren Sie dann weiter unten fort.
Schließen Sie das Popupdialogfeld, in dem die Demo geöffnet wird.
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**.
Klicken Sie in DevTools auf der Hauptsymbolleiste auf die Schaltfläche "Weitere Tools" (
, und wählen Sie dann das Tool "Quelle Karten Überwachen" aus.
Weitere Informationen
- Ordnen Sie den verarbeiteten Code zum Debuggen dem ursprünglichen Quellcode zu.
- Sicheres Debuggen des ursprünglichen Codes durch Veröffentlichen von Quellzuordnungen auf dem Azure Artifacts Symbolserver
- Sicheres Debuggen des ursprünglichen Codes mithilfe Azure Artifacts Symbolserver-Quellzuordnungen
- Das Tool "Quellen" benachrichtigt Sie jetzt, wenn Sourcemaps in "Neuigkeiten" in DevTools (Microsoft Edge 96) nicht geladen werden können.