Tools wie Can I Use... eignen sich hervorragend, um zu prüfen, ob eine Funktion mit welchem Browser kompatibel ist. Aber gibt es ein Tool, das ein gesamtes CSS- und/oder Javascript-Dokument parst und hervorhebt, welcher Teil mit einem von Ihnen gewählten Browser kompatibel ist?
Idealerweise würde ich einfach meinen Code einfügen, einen Browser (IE8) auswählen und sehen, welche Teile nicht unterstützt werden.
Nicht ganz das, wonach Sie suchen, aber bevor ich die Kompatibilität mit einem oder mehreren Browsern überprüfe, würde ich prüfen, ob Sie die Standards erfüllen .
Auf der W3C-Website finden Sie eine Liste unverzichtbarer Überprüfungstools, die Sie sich ansehen können.
Diese Liste enthält einen CSS-Validator , der Ihr CSS anhand der Standards prüft und nicht anhand bestimmter MS-"Funktionen". Ich würde sagen, dass es immer eine gute Idee ist, damit zu beginnen , Ihren Code standardkonform zu machen. JSLint wird dasselbe für Ihr JS tun. Beide werden Ihnen sagen, wo und was das Problem ist.
Sobald Sie die Standards erfüllen, besteht eine viel höhere Chance, dass ein bestimmter Browser funktioniert.
background-size: cover;
ist ein vollständig gültiges (wie von dem von Ihnen vorgeschlagenen CSS-Validator getestet), aber es funktioniert nicht in Internet Explorer 8.
MarcoL