Es ist wirklich schwierig, CSS für eine Website so zu erstellen, dass alle Browser in verschiedenen Versionen unterstützt werden. Insbesondere müssen verschiedene Browser eingerichtet sein. Ich frage mich nur, ist es möglich, das CSS zu testen und sicherzustellen, dass es mit allen Browsern funktioniert, ohne jeden Browser zu öffnen und das Layout manuell zu überprüfen? oder Gibt es einen schnellen oder standardmäßigen Weg, dies zu tun?
Ein paar wichtige Dinge, um Sie auf Ihrer Reise zu beginnen:
Nachdem ich angefangen habe, diese Dinge zu tun, ist es viel einfacher geworden, meine Seite in allen Browsern gleich zu machen. Egal was Sie werden müssen sie alle überprüfen. Es gibt einfach keinen anderen Weg.
Es gibt nicht den üblichen Weg, dies zu tun - es ist nur die Natur des Biests; Derzeit arbeitet Adobe jedoch an BrowserLabs , die zur Lösung dieses Problems beitragen sollen.
Es wäre schön, wenn es ein automatisiertes Werkzeug dafür gäbe. Leider ist der einzige Weg zu erkennen, ob etwas visuell korrekt ist, indem man es betrachtet.
Es gibt Dienste (z. B. BrowserShots ), die Ihre Website in verschiedenen Browsern aufrufen und eine Bildschirmaufnahme für Sie erstellen und dann herunterladen eine Datei, die alle Renderings Ihrer Site enthält, die Sie jedoch manuell überprüfen müssen.
Computer sind nicht sehr gut darin, zu sagen, ob etwas automatisch "nett" aussieht, sonst würden alle Browser immer genau das machen, was du meinst (make stuff).
Wenn Sie JavaScript testen möchten, können Sie eine Testsuite namens Selenium ausprobieren.
In Zukunft könntest du dir ein Projekt ansehen, das vom Schöpfer von jQuery namens Test Swarm gestartet wurde und vielversprechend aussieht, aber noch getestet wird Phasen und möglicherweise aufgrund von Bandbreitenkosten nicht freigegeben werden. Damit können Sie Ihr JavaScript in jedem Hauptbrowser auf jeder Hauptplattform mit einem verteilten System testen. Dies ist immer noch ein großer Traum, aber wegen einiger Komplikationen, die mit einem solchen System verbunden sind.
Man kann wirklich keine menschlichen UI-Tests machen. Ich stimme den anderen zu, dass Sie standardkonform sein und CSS zurücksetzen sollten.
Selten werden Sie HTML + CSS erhalten, um in allen Browsern und auf allen Plattformen genau dasselbe zu machen, allein aufgrund der Idiosynkrasien jedes Browsers. Aber nur weil es leichte Rendering-Unterschiede gibt, bedeutet das nicht unbedingt, dass etwas falsch ist. Dies ist ein guter Grund für menschliche UI-Tests.
%Vor%
Sie können shiv.js von diesem Browserkompakt
herunterladenBrowserkompatibilitätstest-Tools:
Ich schlage vor, eines der gebrauchsfertigen Front-End Entwicklungs-Frameworks wie Twitter Bootstrap oder Foundation . Beide sind gut dokumentiert und getestet, so dass dies den Testschmerz verringert.
Sie enthalten:
CSS zurücksetzen / normalisieren
Bereit zur Verwendung von Komponenten (Schaltflächen, Formularelemente, Menüs ... usw.).
Gitter-Layout (Was ist die perfekte Weise, um Sachen in Ihrer Webseite anzuordnen).
JavaScript.
Natürlich müssen Sie Ihre eigenen Tests durchführen, während Sie diese Frameworks optimieren, zusätzlich zu allen oben genannten Tools, schlage ich vor, dass Sie IE-Tester , wirklich tolles Debugging-Tool für IE (Was ist die Quelle der Schmerzen).
Schließlich, und aus Gründen der Perfektion, ist es besser, Ihre Website zu testen (so möglich wie Sie können), alle Browser und Geräte zu überqueren, besonders wenn Sie Responsive Design machen.
Sie haben keine andere Wahl als es zu tun! Das ist der Grund, warum Web-Designer-Gehalt ist in der Regel hoch x-)
Tags und Links html css cross-browser