New features supported by ie10

This is a preliminary document and may be changed substantially prior to final inclucial release of the software described herein.

The Internet Explorer 10 guide for developers provides an early look at the developer features coming to the next version of Internet Explorer, as well as the latest HTML5, JavaScript, and css3 features available to developers of Metro style apps for Windows 8. by using the documentation and samples in this Guide, developers and designers can prepare to use these new features.

Important Note

the contents of this Guide apply solely to the pre-release version of Internet Explorer 10 encoded with the Windows 8 Developer Preview, as well as to Metro style apps for Windows 8. the Windows 8 Developer Preview is only available to attendees of the build conference in Anaheim, California, September 13-16,201 1; To msdn subscribers; to members of the Internet Explorer feedback program at Microsoft connect; and on the Windows Developer Center.

The pre-release version of Internet Explorer 10 has ded with the Windows 8 Developer Preview is not yet available for Windows 7, nor are we releasing a new Internet Explorer Platform Preview for Windows 7 at this time. the most recent release for Windows 7 was Internet Explorer Platform Preview build 2, on June 29,201 1. therefore, you will notice that the newer features mentioned in this Guide are not yet available in the most recent version of Internet Explorer Platform Preview. for a list of changes from Internet Explorer Platform Preview build 2, see revision history.

A pre-release version of Internet Explorer 10 will be released for Windows 7 at a future date. At that time, the Internet Explorer 10 guide for developers will be updated accordingly.

This topic contains the following sections:

What's in the Guide

Listed here are new developer features for Internet Explorer 10. in addition to reading the guide, be sure to see the release notes for installation information and known issues, as well as the Internet Explorer test drive site for new demos and examples. you can also obtain detailed technical information about developer features by visiting the Internet Explorer Developer Center and the msdn library.

This pre-release version of Internet Explorer 10-as well as Metro style apps-contains support for the following developer features. cannot t where noted, these features work identically in Internet Explorer 10 and Metro style apps using HTML.

• Cascading Style Sheets (CSS)
  • Advanced Layout
    • CSS regions
    • Css3 multi-Column Layout
    • Flexible box ("flexbox") Layout
    • Grid alignment
    • Positioned floats
  • Css3 3-D transforms
  • Css3 animations
  • Css3 gradients
  • Css3 transitions
  • Css3 text
    • TheText-shadowProperty
    • Hyphenation
  • Panning and zooming
  • Removal of style sheet limits
• Document Object Model (DOM) Support
  • Advanced hit testing APIs
  • Cssom floating point value support
  • Media query listeners
  • Pointer and gesture DOM events
• Ecmascript 5 (es5) Support
  • The strict variant of ecmascript ("es5 strict mode ")
• F12 Developer Tools (not available in Metro style apps .)
  • Improved support for workers
• HTML5 support
  • Asynchronous Script Execution
  • Application cache ("appcache ")
  • Drag and Drop
  • File API
  • Forms Validation
  • Progress and range control
  • History
  • Parsing
  • Sandbox
  • Web workers
  • Channel messaging
  • Web sockets
  • Spellcheck
• Indexed Database API ("indexeddb ")
• SVG
  • SVG filter effects
• Web performance APIs

For more information about changes from previous builds of ie10 Platform Preview, see revision history.

Compatibility Modes

By default, pages are rendered in Internet Explorer 10 with the latest rendering engine. however, if the page's markup instructs the browser (via an "X-UA-compatible" meta tag, a custom HTTP header from the Web server,! Doctype declaration, or a combination of the three) to display it in an older document compatibility mode (for instance, ie9 mode, emulateie7 mode, "quirks" mode, and so on ), internet Explorer 10 displays the page in that compatibility mode. (For more information about compatibility modes, see defining document compatibility on msdn .)

Internet Explorer 10 must be in "ie10 standards mode" to correctly display webpages that take advantage of the new features described in this document. the best way to ensure that Internet Explorer 10 renders your webpages using the latest rendering engine is to include the following! DoctypeDeclaration at the beginning of the page's HTML:

<! Doctype HTML>

In addition, do not use an "X-UA-compatible"MetaTag on the page or send a custom HTTP header from the web server.

To force a webpage you are viewing in Internet Explorer 10 into a special document compatibility mode, first open F12 tools by pressing the F12 key. Then, onBrowser ModeMenu, clickInternet Explorer 10, And onDocument ModeMenu, clickInternet Explorer 10 standards.

User-Agent string

The User-Agent string for the Internet Explorer 10 is the following (new values are in boldface type ):

Mozilla/5.0 (compatible; MSIE10.0; Windows NT 6.2; Trident/6.0)

Be aware that "Windows NT 6.2" indicates the browser is on a computer running Windows 8, whereas "Windows NT 6.1" indicates the computer is running Windows 7.

For more information about User-Agent strings, see Understanding User-Agent strings on msdn.

Revision history

Constraint l 12,201 1: created for Internet Explorer Platform Preview build 10 for mix, with information about:

• Css3 flexbox
• Css3 Grid
• Css3 multi-Column
• Css3 gradients (on background images)
• Es5 strict Mode
• Compatibility View list
• User-Agent string
• How to send feedback

June 29,201 1: updated for ie10 Platform Preview 2, with information about:

• Positioned floats
• Css3 gradients (on all image types)
• CSS style sheet limit lifted
• Cssom floating point value support
• Improved hit testing APIs
• Media query listeners
• HTML5: supportAsyncAttribute onScriptElements
• HTML5 drag and drop
• HTML5 file API
• HTML5 sandbox
• HTML5 web workers
• Web performance APIs:
  • Requestanimationframe
  • Page visibility API
  • Setimmediate

July 8, 2011: updated with information about:

• Channel messaging

July 12,201 1: updated with information about:

• HTML5 Parsing

September 13,201 1: updated for Internet Explorer 10 for Windows 8 Developer Preview and build Conference with information about:

• CSS regions
• css3:
  • 3D transforms
  • animations
  • panning and zooming
  • transitions
  • text ( text-shadow property and hyphenation)
• pointer and gesture DOM events
• improved F12 support:
  • Web workers
  • multiple script sources
• HTML5:
  • application cache
  • progress and range controls
  • history
  • spellcheck
• Web sockets
• Indexed Database (indexeddb)
• SVG filter effects
• navigation timing