|
|
|
|
|
|||||
|
|
|
|
|
|
|
||||||||||||
|
|
|||||||||||
|
|
 |
Wie Sie vielleicht wissen, gibt es (mitunter große) Unter- schiede betreffend der Darstellung ihrer HTML-Doku- mente bei Browsern verschiedener Hersteller. Um beispielsweise eine Website für die Darstellung im Internet Explorer und Opera anzugleichen, kann eine Browserweiche empfehlenswert sein, da man hiermit Elemente der Website ge- trennt schreiben (bzw. designen) kann, um somit das optisch gleiche Resultate bei beiden Browsern zu erreichen.
Wenn Sie keine Rücksicht auf Uralt-Browser (wie z.B. Navigator 4.x) nehmen wollen, lassen sich in der
Regel pixelgenaue Designs realisieren (wobei Sie mitunter viel Extrazeit investieren müssen).
Verwenden Sie -während der Entwicklung- einen Browser wie Firefox oder Opera, um dann einige wenige Angleich- ungen im Code vornehmen, damit das Ergebnis im Internet Explorer identisch aussieht. Dies ist (in den meisten Fällen) möglich, ohne hierdurch das Design in Firefox oder Opera zu verändern!
Im hier dargestellten Quellcode sind -bedingt durch die maximale Breite des Quellcode-Bereichs-
Umbrüche vorhanden, um den Code vollständig (sichtbar) abbilden zu können.
Diese Umbrüche können jedoch zu Fehlfunktionen führen, und müssen entfernt werden. Die betreffenden Zeilen sind grün markiert. Beispielcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Browserweiche</title>
<script language="JavaScript"
type="text/javascript">
<!--
function browsertest() {
var bname=navigator.appName;
var bagent=navigator.userAgent;
function ZeitAnzeigen() {
if (bname=="Microsoft Internet Explorer" && bagent.
indexOf("MSIE 4")>
=0) {
location.href="index.htm";
return false;
}
function ZeitAnzeigen() {
if (bname=="Microsoft Internet Explorer" && bagent.
indexOf("MSIE 5")>
=0) {
location.href="index.htm";
return false;
}
function ZeitAnzeigen() {
if (bname=="Microsoft Internet Explorer" && bagent.
indexOf("MSIE 5.5")>
=0) {
location.href="index.htm";
return false;
}
function ZeitAnzeigen() {
if (bname=="Microsoft Internet Explorer" && bagent.
indexOf("MSIE 6")>
=0) {
location.href="index.htm";
return false;
}
function ZeitAnzeigen() {
if (bname=="Netscape" && bagent.indexOf
("Mozilla/4")>=0) {location.href="index_2.htm";
return false;
}
function ZeitAnzeigen() {
if (bname=="Netscape" && bagent.indexOf
("Mozilla/5")>=0) {location.href="index.htm";
return false;
}
alert("Verwenden Sie den Link, um auf die Startseite
zu gelangen.!");
}
//-->
</script>
</head>
<body onLoad="browsertest()">
<div style="text-align: center">
<br><br><br><br><br><br><br>
Ermittle Browsertyp und Version...
<br><br>
Sollten Sie nicht automatisch weitergeleitet
werden, so verwenden Sie bitte diesen Link:
<br><br>
<a onfocus="this.blur()" href="
alternativ.htm" target="_self">(Ihre
Folgeseite)</a>
</div>
</body>
</html>
Mit diesem Code können zwei verschiedene Seiten (Dateien) an- gesteuert werden: Ihre “High-End”-Version (“index.htm”) wird (u.a.) von folgenden Browsern geladen: Internet Explorer (ab Version 4), Navigator (ab Version 5) und Opera (abhängig davon, als welche Software sich der Browser ausgibt!). Die alternative Variante (“index_2.htm”) wird vom Navigator 4.x (alle Revisionen) verwendet. Mit dieser Methode können Sie Websites erstellen, welche mit neueren Browsern das technisch Machbare zeigen, anstatt zu gunsten des (beispielsweise) veralteten Navigators (4er-Serie) starke Kompromisse eingehen zu müssen. |
 |
|
|
||||||
|
||||||||||||
