Wie finde ich den Ursprung der Quelle eines Elements.Stil? also Die JS-oder jQ Datei ist die Injektion von es. Ich möchte, um zu reparieren, nicht überschreiben
Stile in der Frage sind nicht hardcoded in der HTML oder CSS. Sie sind dynamisch Hinzugefügt, entweder durch eine JS-oder jQ-Datei. Ich mit diesem die ganze Zeit. Ich am Ende immer nur das Lesen durch alle Dateien, bis ich es finde. Gibt es einen schnelleren Weg mit dev-tools?
Ich mache nicht wollen, überschreiben Sie es mit einem !important
tag, ich möchte finden Sie die Herkunft und beheben.
Einige Leute den Hinweis auf diese Lösung:
Suche nach Javascript-Inline-Styles zum Debuggen von Javascript
Aber das beantwortet nicht meine Frage, da dies zeigt, das code-snippet, das das problem verursacht, aber ich bin auf der Suche nach der Quell-Dateinamen und/oder Pfad.
DOM-breakpoints, wie schon erwähnt, wie wahrscheinlich Ihre beste Wette. Tipp: Legen Sie eine einzelne
Subtree Modifications
DOM Haltepunkt auf einem top-level-Knoten, wie der body
, und ein breakpoint wird ausgelöst, wenn einer seine Kinder sind geändert.Die Antwort verknüpft ist, hat die Frage zu beantworten, wenn Sie den Anweisungen Folgen, der debugger Stoppt auf die Datei, der änderung und es wird sagen, den vollständigen Pfad an, wenn Sie sich bewegen Sie Ihre Maus über die Registerkarte Namen (Datei name)
InformationsquelleAutor desanddev | 2017-01-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sollten Sie in der Lage sein, zu finden, welche Stile angewendet werden, indem die Verwendung von Chrome Devtools. In Chrome, wenn du mit der rechten Maustaste auf ein element und "inspizieren", dann anzeigen der Formatvorlagen in der "Berechnete" klicken, sollten Sie sehen, was Stile wirken sich auf das element.
Wenn Sie sich für das injizierte javascript, versuchen Sie, diese die zuvor gestellte Frage beantworten. Hier, Chrome Devtools DOM Haltepunkt verwendet wird, finden Sie die css.
Beispiel Bild:
Nachdem DevTools schickt Sie zu den "Quellen" - Registerkarte, zeigt es die erste Datei, die ausgeführt wird. Jedoch, wenn Sie klicken Sie auf den "Call Stack" drop-down-Menü, es wird Ihnen zeigen, all die Auswirkungen auf die Dateien, und wenn Sie klicken Sie sich durch, finden Sie die eine, die das problem verursacht. Wenn Sie die richtige Datei DevTools wird, markieren Sie den code, dass die Seite.
Sie sagt Sie. Wenn Sie auf die 'berechnete' Registerkarte, klicken Sie auf die Formatvorlage, die Sie wollen zu finden, und die Datei source wird angezeigt.
Ich fügte hinzu, ein Bild zu zeigen, was ich meine. Hoffe, es hilft.
was ich sagen kann, dass die Methode ist, nur zeigen Sie das code-snippet, das es verursacht. Ich bin auf der Suche nach dem Quell-Datei, es kommt, ähnlich wie auf deinem ersten screenshot, das zeigt den Namen der CSS-Datei es ist aus - nur das ist für JS. Das ist eine interessante Technik, die aber, Dank für das teilen! Ich sehe es schon kommen in praktisch für andere Situationen. Ich eigentlich wäre nicht in der Lage zu tun, dass bei diesem Projekt sowieso, aber da unser CMS nicht zulassen, Sie fügen <script> tags in der Mitte von den Inhalten der Seite - nur in den <head> nach dem <body>, oder vor </body>.
Danke für diese Führung! Wenn Sie wollen, schreiben Sie diesen Schritt in Ihrem post, oder erwähnen, in meinem letzten Kommentar, kann ich markieren Sie es Gelöst.
InformationsquelleAutor Robotnicka