Wie finde ich heraus, welcher Abschnitt einer Website nicht mit neuen Browsern kompatibel ist?

Question

Ich wurde beauftragt, eine wirklich alte Website (.net aspx vb) zu reparieren. Die Website läuft derzeit nicht gut in IE8, Firefox, Chrome. Die Menüs werden witzig angezeigt und einige Bilder sind nicht korrekt, und in Chrome fehlt die komplette Kopfzeile mit Menüs und allen.

Ich bin kein VBA-Typ, und ich habe keine Ahnung, wo ich anfangen soll.

Welcher Abschnitt wird am häufigsten verwendet, wenn eine Website in neuen Browsern ausfällt? Welches Tool kann mir helfen, diese Website zu reparieren?

Danke für Ihre Hilfe.

Answer 1

JavaScript, HTML und CSS verursachen Browserprobleme, nicht VB. Der VB.NET-Code wird auf dem Server ausgeführt und generiert HTML als Ausgabe, die zum Rendern an den Browser gesendet wird. Wenn die Website falsch aussieht, ist es wahrscheinlich HTML und CSS. Wenn es sich merkwürdig verhält (oder überhaupt nicht), ist das Problem wahrscheinlich JavaScript.

Um ganz ehrlich zu sein, ich bin noch nicht auf eine große einzige Ressource für das Lernen, wie man "Cross-Browser-Entwicklung" zu tun haben. Es scheint im Allgemeinen darum zu gehen, HTML und CSS gut zu lernen und herauszufinden, was in verschiedenen Browsern funktioniert und was nicht. Jedes Mal, wenn Sie auf ein einzelnes Problem stoßen, bei dem eine bestimmte Sache nicht wie erwartet in einem einzigen Browser funktioniert, können Sie fast immer Google aufrufen und einen Blogbeitrag oder eine Website finden, die dieses spezifische Problem behandelt, aber nicht wirklich umfassend.

Answer 2

VB ist hier nicht schuld, da Ihr Problem irgendwo im Markup und den Stilen der Seite liegt.

Sie müssen herausfinden, welche Stile den Zusammenbruch verursachen (es hilft sicherzustellen, dass der HTML-Code vorher gültig ist). In IE 8 können Sie seine Entwickler-Tools verwenden, auf die mit F12 zugegriffen werden kann, wo Sie herumspielen und mögliche Täter isolieren können. Der Eintrag "Element prüfen" in Chrome wäre dort gleichbedeutend. In Firefox könnten Sie den DOM Inspector (der, wenn ich mich richtig erinnere, enthalten ist) oder Firebug verwenden.

Answer 3

Beim Laden Ihrer Seite nach Fehlern suchen. W3C ist eine gute Quelle, um die Kompatibilität jeder Eigenschaft/Funktion zu finden, die einen Fehler verursacht (meistens in Javascript/CSS/HTML). Und ja, Sie müssen den VB-Kontrollfluss in Ihrem Projekt kennen.

Answer 4

Umfasst der vorhandene Code sogar CSS (Cascading Style Sheets)? Wenn Sie sich ziemlich alt unterhalten, können Sie die Elemente mithilfe von Tabellen gestalten.

Das ist das Hauptproblem, das ich bei der Entwicklung einer HTML-Website finde - das CSS richtig herunter zu bekommen.

Answer 5

1. Installieren Sie firebug in Firefox.
2. Laden Sie die Website in Firefox, beheben Sie alle Fehler, die Sie auf der Firebug-Konsole erhalten. Vor allem die Ereignisbehandlung ist im IE im Vergleich zu anderen Browsern völlig anders.
3. Führen Sie die Website über einen HTML-Validator. Es gibt mehrere Validator-Erweiterungen für Firefox. Eine validierende Site ist bei anderen Browsern weniger wahrscheinlich.
4. Schließlich beheben Sie visuelle Inkonsistenzen im Layout, indem Sie falsch formatierte Elemente mit dem HTML-Panel von Firebug untersuchen und optimieren.