2017-08-16 2 views
-1

Ich helfe mit einigen CSS-Arbeit und es scheint, dass einige der CSS inline von einigen Entwicklern hinzugefügt wurde. Wir wollen kein Inline-CSS, also habe ich mich gefragt, ob es eine Möglichkeit gibt, zu erkennen, ob es in der <body> JavaScript-Inline gibt oder nicht?Wie finde ich eingebettete CSS-Stile in HTML-Body-Tags?

Wenn dies möglich ist, war mein Plan, ein Analytics-Tag zum Aufzeichnen von Seiten mit Inline-Stilen zu erstellen.

Ich habe versucht, eine Antwort zu diesem zu finden, aber alle Antworten, die ich gefunden habe, sind für das Finden eines bestimmten Stils oder eines Elementstils gewesen, mein Problem, dass ich nicht weiß, welche Arten auf denen benutzt worden sind oder Elemente, bei denen (. und wir haben 1.000 Seiten so ich würde eher nicht manuell durch jede Seite gehen)

Antwort

0

Je nach, was genau meinen Sie mit Inline einem oder beiden:

if (document.querySelector("[style]")) { ... }  // For style attributes 
if (document.querySelector("style")) { ... }  // For style elements 

... wird Ihnen sagen, ob es Übereinstimmungen gibt.

Leider fangen sie auch Stile mit JavaScript hinzugefügt (auch wenn es so etwas wie jQuery(some_selector).show();).

Sie müssen den rohen Quellcode betrachten, um zu vermeiden, dass Sie diese fangen, und das wird wahrscheinlich getan, indem Sie einen Bot schreiben (ohne Browserbeteiligung), um einen ähnlichen Test auf jeder Seite auszuführen.

+0

Dank @Quentin - das scheint zu funktionieren, aber leider enthält unser Tag Manager Snippet ein Style-Tag in der ! Muss sehen, ob ich es umgehen kann. Wenn du Bot sagst, meinst du so etwas wie einen Python-Schaber? – Tim

+0

"Wenn du Bot sagst, meinst du so etwas wie einen Python-Schaber?" - Die Programmiersprache ist irrelevant. Sie benötigen etwas, das den HTML-Code analysiert, ohne JavaScript auszuführen, und alle URLs finden kann. – Quentin