Wenn ich den Tab "Stile" der Google Chrome-Entwicklertools verwende, wird einer meiner Stile als aus der .scss-Datei stammend gemeldet. Wie dies möglich ist - ich dachte, alle .scss abgeflacht und aus einer CSS-Datei gelesen werden musste:Warum zeigt der Inspektor im Chrome-Stil den Stil von .scss?
Antwort
Wenn Sie sass in CSS kompilieren, Sie haben eine Option, eine Quelle Map-Datei zu erzeugen. Am Ende der CSS-Datei finden Sie einen Verweis auf eine Map-Datei, die sich im selben Verzeichnis befindet wie Ihr CSS, mit der Erweiterung .map.
Dies wird von Chrome Inspector verwendet, um die Entwicklung zu unterstützen. Sie können es im Chrom-Inspektor ausschalten oder einfach den Verweis auf die Quellkarte aus dem CSS entfernen oder die Option zum Generieren der Quellkarte entfernen.
Wenn Sie nur möchten, dass chrome das CSS zeigt und die Quellkartendatei gerne behält, können Sie die Option einfach abschalten. Um die Option in den Chrome-Entwicklertools zu deaktivieren, öffnen Sie den Inspektor und gehen Sie zu Einstellungen. Suchen Sie in der Kategorie "Quellen" im Bereich "Einstellungen" nach und deaktivieren Sie "CSS-Quellkarten aktivieren".
- 1. Debug Inspektor zeigt seltsame Zeichen?
- 2. Xcode Debug-Inspektor zeigt Werte als Null
- 3. Fehlende Referenz im Inspektor nach der Aktualisierung von git - Unity
- 4. .scss nicht aktualisieren Stil in MVC-Projekt
- 5. Stil mit mehreren Elementen auf schweben - SCSS
- 6. LocalEulerAngle unterscheidet sich von Inspektor
- 7. CSS: Marge nicht im Inspektor vorhanden, aber auf der Seite
- 8. Warum lxml den vom Chrome-Inspektor angegebenen xpath nicht findet
- 9. Welche Kreise erscheinen im Online-Inspektor?
- 10. Rails SCSS Hintergrundbild nicht rendern
- 11. SCSS - Spezielles Zeilenumbruchzeichen im Inhaltsattribut
- 12. Floating Action Button zeigt im Arc-Stil wie Skype
- 13. Chrom/Sass Sourcemaps, in Inspektor vorgenommenen Änderungen nicht in SCSS Datei gespeichert
- 14. OnTouch im Stil von OnClick
- 15. Warum rutscht Schluck.css und css.maps im .scss-Verzeichnis?
- 16. den Stil von den Eltern überschreiben
- 17. Klassen im alten Stil, Klassen im neuen Stil und Metaklassen
- 18. Firefox Inspektor "ein Element auswählen" Werkzeug zeigt incorrect Position
- 19. Warum vor den Dateinamen "_" oder "_" in scss/css stellen?
- 20. Ionic - SCSS - '[scss]) erwartet' && '[scss] {erwartete' Fehlermeldungen
- 21. Gruppe gruppierte Einstellungen im Stil-Stil
- 22. Wie erhält man den angegebenen Stil von CSS im Gegensatz zum berechneten Stil aus dem Element?
- 23. Warum zeigt der Stack-Trace den Pfad meiner Entwicklungsdateien an?
- 24. Sass SCSS von BundleTranslator
- 25. Warum existiert der -ms-overflow-Stil?
- 26. Gibt es einen IOS-spezifischen Qt-Stil, der den Standard-Fusion-Stil ersetzen kann?
- 27. Warum funktioniert mein SCSS @ import nicht?
- 28. Stil funktioniert nicht im Inline-Stil
- 29. Storyboard-ID kann im Identity-Inspektor nicht gefunden werden
- 30. Finden Sie, warum Webpack-Import scss-Datei
Chrome unterstützt [Quellkarten] (https://developers.google.com/web/tools/chrome-devtools/javascript/source- Karten). – wOxxOm