Πώς να κάνετε τον δικτυακό σας τόπο συμβατό με τον Internet Explorer 8

Όπως ίσως θα γνωρίζετε, εδώ και αρκετό καιρό έχει κυκλοφορήσει η πρώτη beta του Internet Explorer 8 (την οποία μπορείτε να την κατεβάσετε από εδώ), ενώ σύντομα περιμένουμε και την δεύτερη beta έκδοση. Ανάμεσα στα highlights αυτής της καινούριας version του Internet Explorer είναι τα activities και τα webslices (πληροφορίες για τα οποία μπορείτε να δείτε εδώ).

Ο Internet Explorer 8 δημιουργήθηκε ώστε να "υπακούει" στα web standards, και να κάνει render τα web sites σύμφωνα με αυτά. Για αυτό το λόγο, πολλά από τα site του Διαδικτύου, δεν θα φαίνονται σωστά με τον νέο browser. Παρόλα αυτά, η ομάδα ανάπτυξης προνόησε ώστε να μην χρειάζεται η επανασυγγραφή της HTML, των CSS και της Javascript σε έναν δικτυακό τόπο, προκειμένου να εμφανίζεται σωστά στον Internet Explorer 8. Χρειάζεται απλά μία  πολύ μικρή "επέμβαση" μιας γραμμής κώδικα, είτε σε επίπεδο σελίδας, είτε σε επίπεδο δικτυακού τόπου.

Από τη σελίδα http://support.microsoft.com/kb/952030

Μπορείτε να χρησιμοποιήσετε μία από τις ακόλουθες επιλογές ώστε να εξαναγκάσετε τον Internet Explorer 8 να κάνει render τις σελίδες του δικτυακού σας τόπου όπως και ο Internet Explorer 7.

Σε επίπεδο δικτυακού τόπου (ΣΥΝΙΣΤΑΤΑΙ)

Οι διαχειριστές δικτυακών τόπων μπορούν να συμπεριλάβουν το παρακάτω HTTP header ώστε να εξαναγκάσουν τον Internet Explorer 8 να κάνει render τις ιστοσελίδες του δικτυακού τόπου με τον τρόπο που τις κάνει render ο Interner Explorer 7

X-UA-Compatible: IE=EmulateIE7

Για να προσθέσετε ένα HTTP response header στο επίπεδο δικτυακού τόπου σε ένα μηχάνημα Windows Server 2008, για τον Internet Information Services 7, θα πρέπει να ακολουθήσετε τα παρακάτω απλά βήματα:

1. Κάνετε κλικ στο Start, επιλέξτε Administrative Tools, και μετά Internet Information Services (IIS) Manager.

2. Κάτω από Connections, κάνετε διπλό κλικ στο server που επιθυμείτε, και μετά κάντε διπλό κλικ στο Sites.

3. Κάνετε κλικ στο website στο οποίο θέλετε να βάλετε το HTTP response header.

4. Κάτω από το Web site name Home, κάντε διπλό κλικ στο HTTP Response Headers στο τμήμα IIS.
Σημείωση Σε αυτό το βήμα, Web site name είναι το όνομα του δικτυακού τόπου.

5. Κάτω από το Actions, επιλέξτε Add.

6. Στο πλαίσιο κειμένου Name, πληκτρολογήστε X-UA-Compatible.

7. Στο πλαίσιο κειμένου Value, πληκτρολογήστε IE=EmulateIE7.

8. Κάντε κλικ στο OK.

Για να προσθέσετε HTTP response header στο επίπεδο δικτυακού τόπου σε web server Internet Information Services 6 (ή παλιότερες εκδόσεις) μπορείτε να ακολουθήσετε τα παρακάτω απλά βήματα:

1. Κάντε κλικ στο Start, επιλέξτε Run, πληκτρολογήστε inetmgr.exe, και μετά κλικ στο OK.

2. Επιλέξτε το server που επιθυμείτε, και μετά την επιλογή Web Sites.

3. Κάντε δεξί κλικ στο web site που επιθυμείτε, και επιλέξτε Properties.

4. Στην ενότητα Custom HTTP headers, κάντε κλικ στο Add.

5. Στο πλαίσιο κειμένου Custom header name box, πληκτρολογήστε X-UA-Compatible.

6. Στο πλαίσιο κειμένου Custom header value, πληκτρολογήστε IE=EmulateIE7.

7. Κάντε κλικ στο OK δύο φορές.

Αν χρησιμοποιείτε Apache, μπορείτε να δείτε εδώ πως να προσθέσετε custom HTTP headers. Αρκεί να κάνετε set το Header X-UA-Compatible IE=EmulateIE7

edit (29/8/2008): μπορείτε να δείτε και αυτό το blog post για περισσότερες πληροφορίες σχετικά με το emulation σε Apache.

Σε επίπεδο σελίδας

Οι διαχειριστές δικτυακών τόπων μπορούν να συμπεριλάβουν το κάτωθι ειδικό HTML tag, μετά το <head> tag της σελίδας:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Το παρακάτω παράδειγμα δείχνει τη χρήση αυτού του tag συμβατότητας με τον Internet Explorer 7, σε επίπεδο σελίδας:

<html>
<head>
  <!-- Use IE7 mode -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <title>My Web Page</title>
</head>
<body>
  <p>Content goes here.</p>
</body>
</html>
Με το να πραγματοποιήσετε μία από τις δύο παραπάνω επιλογές, οι επισκέπτες του δικτυακού τόπου σας που χρησιμοποιούν Internet Explorer 8 δεν θα έχουνε κανένα απολύτως πρόβλημα στο να δουν τις σελίδες σας!!!


Σε επίπεδο browser

Φυσικά, ο κάθε χρήστης του Internet Explorer 8 μπορεί να εξαναγκάσει τον browser του να κάνει render τις ιστοσελίδες όπως και ο 7, κάνοντας κλικ στο κουμπί "Emulate IE7", που είναι στο πάνω μέρος του παραθύρου του browser.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s