Showing posts with label IE. Show all posts
Showing posts with label IE. Show all posts

HOW TO compare HTML5 features supported by versions 8, 9 & 10 of IE

This page on the Browserscope website lets you choose versions of the same or different browsers & see how they stack up in supporting HTML5 features. Click on the "Compare UAs" link on that page, select User Agents you want to compare & then hit the Compare button.

I chose versions 8, 9 & 10 of Internet Explorer to see what's new with respect to HTML5 in IE9 & IE 10
click to enlarge image

You can copy the table data to Excel & transpose the columns to rows to view the tabular data vertically as a list (in Excel2010, click on Paste dropdown in Ribbon & select Transpose).

So here is the list of HTML5 supported features in IE9 as detected by Browserscope by utilizing Modernizer 2.0.4 -
  1. audio:m4a 
  2. audio:mp3 
  3. backgroundsize 
  4. borderradius 
  5. boxshadow 
  6. canvas 
  7. canvastext 
  8. csstransforms 
  9. draganddrop 
  10. fontface 
  11. generatedcontent 
  12. geolocation 
  13. hashchange 
  14. hsla 
  15. inlinesvg 
  16. localstorage 
  17. multiplebgs 
  18. opacity 
  19. postmessage 
  20. rgba 
  21. sessionstorage 
  22. smil 
  23. svg 
  24. svgclippaths 
  25. video:h264 
 IE10 additionally supports the following HTML5 features -
  1. applicationcache 
  2. cssanimations 
  3. csscolumns 
  4. cssgradients 
  5. csstransforms3d 
  6. csstransitions 
  7. history 
  8. indexeddb 
  9. input:autofocus 
  10. input:list 
  11. input:max 
  12. input:min 
  13. input:multiple 
  14. input:pattern 
  15. input:placeholder 
  16. input:required 
  17. input:step 
  18. inputtypes:email 
  19. inputtypes:number 
  20. inputtypes:range 
  21. inputtypes:search 
  22. inputtypes:tel 
  23. inputtypes:url 
  24. textshadow 
  25. websockets 
  26. webworkers 
Also see:
Comparison of layout engines (HTML5)
HTML5 compatibility across major mobile and tablet browsers

Read More

The Glorious History of Internet Explorer

Love it or hate it, you will have to appreciate IE’s staying power. Having been around for 16 years, it is still the browser market leader. Here are some interesting facts about Internet Explorer:
IE 1.0
  • IE 1.0, based on Mosaic, was released together with the Windows 95 Plus! Pack in 1995
  • Used on Windows 95, IE 1.0 was only slightly more than 1 MB in size.
  • IE 2.0 was the very first cross-platform browser that supported both Windows and Mac.
  • Released in 1995, IE 2.0 had support for JavaScript, frames & cookies
  • At the end of the first week of IE 3’s release in 1996, more than 1 million copies of the browser were downloaded.
  • IE4 which came in 1997 introduced Microsoft's Trident layout engine, which is still in use today in Internet Explorer.
  • Released in 1999, IE 5 was the first browser to support bi-directional text.
  • IE 5 introduced XMLHttpRequest which enables building AJAX applications.
  • The XMLHttpRequest object was not completely functional until as late as version 1.0 of Gecko released on June 5, 2002.The XMLHttpRequest object became a de facto standard amongst other major user agents after it was implemented in Safari 1.2 in February 2004 & Opera 8.0 in April 2005 (Source: Wikipedia). Chrome wasn't even around at that time.
  • IE6, released in 2001, was the most widely used web browser during its tenure. At its peak in 2002 and 2003, it attained a total market share of nearly 90%. IE 6 sounded the death knell for Netscape Navigator.
  • Coming in 2006, IE 7 delivered the Web 2.0 experience.
  • IE 8.0, which came in 2009, focused on secure browsing. It introduced a bunch of new features like web slices, accelerators, automatic Tab crash recovery and inline search within pages.
  • After 2 beta releases which had millions of downloads, IE9, the oldest among popular browsers, promises to give the rest a run for their money.
Related:
Timeline of web browsers
    Read More

    Debug JavaScript with Firebug & IE Dev Tools Console commands

    Instead of debugging client-side code with the JavaScript alert command, using the Firefox Firebug extension & Internet Explorer Developer Tools' (F12 keyboard shortcut) Console commands makes debugging less distracting & simpler.

    The following Console commands work in both IE & Firebug -


    • console.log
    • console.info
    • console.warn
    • console.error
    • console.assert


    To use either of these in place of an alert in your JS code, make sure you have the Console enabled.

    Trivia: Firebug was initially written by Joe Hewitt, one of the original Firefox creators. He now works at Facebook.
    Read More
    Search from browser address bar in IE, Firefox, Opera

    Search from browser address bar in IE, Firefox, Opera

    I found out by accident that its not just Chrome that has the combined search and address bar (Omnibox) feature - the address bar in IE8, Firefox 3.0 & Opera 9.6 (the version numbers are the ones I've tested on) can also double up as a search box. You can type your search term in the address bar of any of these browsers and press the Enter key to see results from your default search engine. This doesn't work in Safari (version 4.0 on Windows) though.

    Its good to see browser features getting consistent across the board.

    Also see:
    Keyboard shortcuts common to Firefox & IE8
    View math calculation results directly in Firefox Search bar
    Read More
    Got tough IE questions? Check  EricLaw's blog

    Got tough IE questions? Check EricLaw's blog

    Eric Lawrence is a program manager on the Internet Explorer team & best known as the creator of Fiddler. He has also developed several IE addons & browser-related tools.

    I have found his blog posts to be insightful. His answers to difficult questions asked on forums are informative & comprehensive. Here's a compilation of his posts that I liked most -
    (work in progress...)

    Also see:
    Fiddling with Fiddler
    Read More

    HOW TO prevent 3rd-party browser extensions from being installed in IE

    There can be some sneaky programs that install not just what they explicitly claim to do but also things like toolbars & add-ons within IE. As most people agree to a software publisher's Terms & Conditions without reading them, they may have deviously add a line that says one of your kidney & your PC are their property.

    These add-ons known as browser helper objects may contain flaws such as buffer overruns which impact Internet Explorer's performance or stability.

    If you wanted to play safe & prevent any 3rd-party browser extensions from being installed at all in IE8, there is a setting, I came across on IEBlog, that you can use.

    Open GPEdit.msc (Local Group Policy Editor) using the Run option in XP or the Search bar in the Start menu. Open Administrative Templates > Windows Components > Internet Explorer > Internet Control Panel > Advanced Page, and set the policy "Allow 3rd-party browser extensions" to DISABLED.


    Under the Internet Explorer category referred above, there are a whole lot of other settings that you can also configure. For instance, there is a setting there to "Turn on menu by default". Before you change the setting, you can also read a detailed explanation about that setting.

    Also see:
    HOW TO disable automatic META tag refresh/redirect through your browser
    Read More

    15 years of Internet Explorer

    Last month, Internet Explorer turned 15. Here's a timeline of IE releases based on excerpts from seattlepi's article on the history of IE -


    IE1 was born when Microsoft got a license from Spyglass Inc. for the source code of Mosaic -- the first graphical Web browser technology. Microsoft launched IE1 in August 1995 as part of the Windows 95 Plus! pack, a $49 add-on for the landmark operating system.

    IE2 came in November 1995, and by April 1996 it also was available for Windows NT, Windows 3.1 and Macintosh. Users could buy it as part of the Internet Starter Kit for Windows, which cost $20.


    It wasn't until Internet Explorer 3.0, in August 1996, that Microsoft introduced the "blue E" logo we all know now.

    IE4 was the Big Mama. Released in September 1997, Microsoft soon bundled it with Windows 98 -- a practice that took IE's market share from less than 20 percent in late 1997 to about 60 percent by 1999.

    IE4 introduced Microsoft's Trident layout engine, which is still in use today in Internet Explorer.

    Microsoft continued to eat away at Netscape's usage with Internet Explorer 5.0, which was officially released in March 1999 and was another major player in United States v. Microsoft.

    IE6 shipped with Windows XP in 2001.

    Microsoft itself has since likened the 9-year-old browser to old, spoiled milk, urging users to upgrade to the current version, Internet Explorer 8.

    Internet Explorer 7, though it represented a big leap for Microsoft's browser, wasn't as widely used as IE6. Launched in October 2006, it included tabbed browsing, support for RSS and protection against phishing -- features popularized by rival Mozilla's Firefox.

    By the time Microsoft released Internet Explorer 8 in March 2009, Chrome was on its second version and had a market share of about 2 percent.

    The beta of Internet Explorer 9 is expected on September 15, 2010.

    Related:
    A Brief History of the Web
    The History of Microsoft
    Read More

    HOW to continuously refresh any web-page in IE8 & FF

    Have you ever felt hassled by a website that provides continuous updates (like cricket scores or live event updates) but requires you to reload the page manually? While Opera browser has an option to automatically reload a web page at pre-defined intervals, Internet Explorer, Firefox & Safari do not have any such feature by default.

    I found this code for a browser bookmarklet to automatically refresh any web-page in IE on StackOverlow-

    javascript:( function(){ i=0;setInterval("i++;var x=new ActiveXObject('Microsoft.XMLHTTP');
    x.open('GET',location.href+'?'+i,true);x.setRequestHeader('Content-Type',
    'application/x-www-form-urlencoded');
    x.onreadystatechange=function(){if(x.readyState==4)
    {document.body.innerHTML=x.responseText;}};
    x.send(null);",5000); }() )


    I made the following minor change to it by replacing the use of Microsoft.XMLHTTP ActiveXObject with XMLHttpRequest object so that it works in all new browsers -

    javascript:( function(){ i=0;setInterval("i++;var x=new XMLHttpRequest();
    x.open('GET',location.href+'?'+i,true);x.setRequestHeader('Content-Type',
    'application/x-www-form-urlencoded');
    x.onreadystatechange=function(){if(x.readyState==4)
    {document.body.innerHTML=x.responseText;}};
    x.send(null);",5000); }() )


    Note that in the code snippets I have added newline characters for readability & formatting. Make sure you remove the newline characters so that the whole code is on just one line. The code uses a JavaScript Timer to refresh the page every 5 seconds or 5000 milli-seconds. Change it to set an interval of your choice.

    To add the bookmarklet in Firefox, enable the Bookmarks Toolbar (View > Toolbars > Bookmarks Toolbar). Right click on the Bookmarks Toolbar & select New Bookmark. In the Add Bookmark dialog box that opens, type "Refresh Page" as the name of the bookmarklet & paste the second code snippet that's above into the Location textbox as shown in the screenshot below.


    A good way to share Bookmarklets (like the jQuerify Bookmarklet or these popular Bookmarklets) is to host it on a webpage as hyperlinks. I could not find a way to embed it on a webpage as a hyperlink (because the code involves using nested quotes) nor a clean way to add the above Bookmarklet to the Favorites Bar in IE8. The following steps to add the Bookmarklet though a little clumsy, get the job done -
    1. With the Favorites Bar (View > Toolbars > Favorites bar) open, add any webpage from the tabs as a Favorite.
    2. Right click on that Favorite in the Favorites Bar & select Properties from the context menu.
    3. In the URL text box of the Web document tab, add the Bookmarklet code shown above


    4. A warning "The protocol 'javascript' does not have a registered program. Do you want to keep this target anyway?" appears. Click on the "Yes" button
    5. Go to the General tab & type the name for the Bookmarklet as "Refresh Page"


    Now whenever you need a webpage to be reloaded automatically, click on the Bookmarklet while you have that page open.

    I've tested the Bookmarklet for a short while with Google News. Please report if you find any issues with the Bookmarklet or any other feedback that you may have.

    Also see:
    View Selection Source in IE
    .120
    Read More