N a g a s a i: IE 8

Showing posts with label IE 8. Show all posts

Monday, March 21, 2016

Compatibility mode in IE–Developer

Enable Compatibility mode in IE through code in .NET or Web.config or HTML meta tag.

We can achieve this by setting the value of the compatibility mode.

Web page can specify compatibility mode either by using META tag or by setting the HTTP header, note thatMETA tag will take precedence over http header when both are present.

Sol 1: META Tag- place the following code in head element of web page (HTML page).

<meta http-equiv="X-UA-Compatible" content="IE=8, IE=9"/>

Sol 2: HTTP Header- We can configure our server to send a HTTP Header along with each page i.e., send X-UA-Compatibility: IE=8 HTTP header

Add the following code snippet in web.config file:

<system.webServer>
    <httpProtocol>
        <customHeaders>
            <clear/>
            <add name="X-UA-Compatible" value="IE=9"/>
        </customHeaders>
    </httpProtocol>
<system.webServer>

Here are other options:

"IE=edge"
"IE=11"
"IE=EmulateIE11"
"IE=10"
"IE=EmulateIE10"
"IE=9"
"IE=EmulateIE9
"IE=8"
"IE=EmulateIE8"
"IE=7"
"IE=EmulateIE7"
"IE=5

Thursday, August 07, 2014

How to enable browser compatibility mode for your website

After every browser major release there will be something's which always mess up. Can’t say its always but it has happened so far :- )

So you might asked to force to the stable version of the browser to make sure your web application renders well in the browser. Here are some things we can add to existing page to make sure it works in the compatible mode by forcing the version we would like to render.

Method 1: If its at page level.

<head>
  <!-- Mimic Internet Explorer 9 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >
  <title>My webpage</title>
</head>

Method2: You can do the same globally in web.config by adding code like below

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <clear />
        <add name="X-UA-Compatible" value="IE=EmulateIE9" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>
</configuration>

The value attribute is used to set the default render engine to render page. If you are looking for IE8 compatibility use the following code

<add name="X-UA-Compatible" value="IE=EmulateIE8" />

we can also use this tag

<add name="X-UA-Compatible" value="IE=Edge" />

IE=edge indicates that IE should always use its latest rendering engine to render the page. This should ensure the page is rendered consistently with other browsers and in a standards-compliant manner

The following is the documentation that I've used to try understand how IE decides to actually trigger the compatibility mode.

http://msdn.microsoft.com/en-us/library/ff406036%28v=VS.85%29.aspx

http://blogs.msdn.com/b/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.aspx

Tuesday, September 15, 2009

IE 8: Developer Tools

We definitely start loving IE 8 a lot more than we expected and as we discover newer features in it.

IE 8 includes a add-in called Developer Tools, which will allow you to analyze websites much more better than earlier versions of the browser.

These developer tools can be accessed by going to Tools –> Developer Tools or simply pressing F12 key.

Here are few built in developer tools that are available,

Debugging of HTML & CSS
Code Search
Source viewing
Outline elements on screen
Controlling caching and cookies
Browser Modes.

More information watch this webcast