Wie Browser-Kompatibilität mit Ihrer Web-Seite zu prüfen
Eines der größten Probleme mit Webseiten zu bauen, ist sicherzustellen, dass diese Seiten sind Cross-Browser und Gerät nicht kompatibel. Das bedeutet, dass sie gut aussehen sollte und ordnungsgemäß funktionieren in so vielen Browsern und auf so vielen Geräten wie möglich.
Viele Code-Editoren sind eine Art von Browser-Kompatibilität-Tool, das auf alle Tags in den Dateien einen Blick nimmt und stellt fest, ob diese Tags und alle anwesenden Attribute mit den neuesten W3C Empfehlungen für Ihre ausgewählten DTD-konform sind in den beliebtesten aktuellen Browsern.
Diese Werkzeuge sollten in der Lage sein, schnell Codierung Probleme zu identifizieren, wie zum Beispiel, ob der Code enthält alle veraltete Tags wie und, die identifiziert und geändert oder entfernt werden sollte.
Obwohl der Browser-Kompatibilitätstest der Regel Ihnen nicht zeigen, wie Fehler gefunden in Browsern aussehen wird, die nicht einen bestimmten Tag oder Attribut unterstützen, listen die Testergebnisse oft den Browsertyp und Version, die Schwierigkeiten haben, können so den identifizierten Inhalt anzeigt, dass Sie können Ihre eigenen Tests durchführen, den Fehler zu korrigieren.
Zum Beispiel mit Hilfe von Dreamweaver-Browser-Kompatibilität-Tool, können Sie eine Fehlermeldung. Das Tool identifiziert und beschreibt die drei Pixel Text Jog Frage, die nicht ordnungsgemäß in Internet Explorer 6.0 angezeigt werden kann.
Um den Browser-Kompatibilitätstest in einem einzigen offenen HTML-Datei in Dreamweaver ausgeführt werden, gehen Sie folgendermaßen vor:
Von der Browser-Kompatibilität Registerkarte in der Ergebnisleiste, klicken Sie auf den grünen Pfeil in der linken oberen Ecke und wählen Sie Browser-Kompatibilität aus dem Drop-Down-Menü prüfen.
In Abhängigkeit von der Anzahl der gefundenen Probleme, könnte nehmen den Bericht ein paar Minuten zu erzeugen. Sei geduldig.
Wie die anderen Registerkarten im Ergebnisfenster die Ergebnisse für dieses Tool Anzeige in einer Liste am unteren Rand des Ergebnistafel mit einem Fehler, Warnung oder Nachricht Symbol neben jedem Problem gefunden. Darüber hinaus zeigt diese Platte detaillierte Ergebnisse zu jedem gefundenen Problem auf der rechten Seite der Platte.
Um alle Probleme zu beheben gefunden, doppelklicken Sie auf die Zeile in der Ergebnistafel, die das Problem enthält, und Dreamweaver öffnet sich automatisch die Seite, die den Fehler enthält.
Der betreffende Code wird markiert und / oder mit einem roten oder grünen Wellenlinie in Dreamweaver Codeansicht bei der Herstellung einer Korrektur oder Anpassung zu unterstützen, angezeigt. Um ein Pop-up-Fenster Spitze innerhalb des Codes zeigen, dass der Fehler identifiziert und listet die Browser, die unterstützen es nicht, setzen Sie den Cursor auf dem Wellenlinie.
So groß wie die Browser-Kompatibilität-Tool ist, bedenken Sie, dass es innerhalb einer Untergruppe von Browsern und Browser-Versionen nur für die Gültigkeit der Code überprüft. Was es nicht tut, ist die Genauigkeit des Codes überprüfen oder jeder Funktionalität von javascript, jQuery oder anderen Code in der Datei (en) verwendet.