Developing tools in Internet Explorer 9

[Ground 0]

Windows Internet Explorer 9 support the Web developer community is to create comprehensive, interoperable and standards-compliant Web applications, and provides for the Internet of the future necessary tools and features. The latest version of Internet Explorer demonstrates, with the support of HTML5 and modern standards, a commitment to an interoperable web. It also allows developers to use only a markup for all browsers. Internet Explorer 9 more integrated resources of the operating system and leverages the power of the entire computer - and ensures that the web developers the benefits of significant hardware innovations from the Windows environment are available.

Quick, easy, safe and reliable - based on these principles, Internet Explorer 9. The following section begins with a brief overview of the implementation of the principles in the important features for developers. You will then receive more detailed information about some enhancements for developers. See the corresponding functions in addition to developers in action - on the Internet Explorer Test Drive Web site.


All around quickly

Supported by the GPU HTML5, Internet Explorer around quickly and gives developers the opportunity to benefit from Windows on the performance of the computer. Performance improvements at the platform level, for example, the new JavaScript engine Chakra compiled with JavaScript and the new Document Object Model (DOM) allow for a more comprehensive and graphically pleasing environment.


Hardware acceleration for rendering graphics and text

An example of the use of the performance of the entire computer with Internet Explorer 9 is the display of graphics and text - it was from the CPU to the graphics card (GPU - Graphics Processing Unit), swapped out and uses the Direct2D - and DirectWrite Windows APIs (Application Programming Interface). Hardware acceleration for graphics and text to say that the site offers the same performance as locally installed on the Windows-based computer applications. Graphically extensive and responsive, sharper and clearer text, and smooth high-resolution videos - all this allows the computer. The best part is that the entire internal changes can result in the browser and use the development of these functions automatically - with the same standards with which they normally work.

New and faster layout and scripting engines

The layout and script performance, two for the overall performance of the browser very important elements. (Is interpretation, compilation and execution of code run in parallel with multi-core processors) with the new DOM, the optimized layout engine and the new JavaScript engine Web sites and applications load much faster. The performance improvements through the new layout and scripting engines in Internet Explorer 9 are obvious.


Improved Developer Tools

With Internet Explorer 8 by default available developer tools have been introduced - for example for prototyping, testing and debugging of Web pages. The developers were able to test the browser source code changes before they have implemented them in the back-end in the pages. The tools for editing and debugging of CSS and HTML, are for testing and debugging scripts to verify the script performance, display and changes of DOM to verify rules and applied to track-style values for developers for Internet Explorer has become indispensable. Internet Explorer 9 introduces some new additional features on - such as the improved JavaScript Profiler, a tool for changing the user agent and some other performance enhancements to existing tools.

With the F12-developer tools in Internet Explorer 9, developers can now more aspects of the performance record of a site than in previous versions. However, you can still not determine how the performance will look for the user. To solve this problem, some sites develop their own libraries to measure the performance of websites. However, this can lead to additional costs and slow down the pages for the user. We believe that the W3C webTiming specification - which at the time of this writing, still in the status of "working draft" is - a good conceptual basis for solving this problem is. In the Developer Tools can also console the object window.msPerformance be used on JavaScript.

[Ground 0]

Clear and direct browser interface

With the clearer, less cluttered and faster user interface directs Internet Explorer 9 eyes of the user on the sites rather than the browser. In Internet Explorer 9, the simplified but enhanced user interface and environment draws the attention of the user to where he intended to illuminate: the contents of each site.


New native graphics capabilities

Internet Explorer 9 enables the hardware acceleration for graphics, a graphically rich and profound environment. The native support for the HTML5 video tag of liquid and provides high-definition (HD - High Definition) videos. The canvas tag in HTML5 allows interactive graphics. The SVG support also provides for sharper graphics - at any zoom level. The decoding of the graphics is handled by the WIC (Windows Imaging Component). This works faster than the old Internet Explorer Image decoder and provides the support for embedded color profiles. Enjoy native support of ICC (International Color Consortium) color profiles v2 and v3 allows real colors, making Internet Explorer 9 to a browser with color management.

The presentation of text is the direct write API is from. These provide for smooth and sharp text and animations in all sizes and magnifications of the browser.


Pinning sites

Through the use of the attachment of sites by developers, they strengthen the bond of users to their sites. When pinning sites the user interface is adapted to the site with a larger symbol and navigation elements that are adapted to the design of the website is displayed. Integration with Windows 7 opens up new ways to use the sites. With the latest Windows APIs, developers can jump lists and preview controls create for their sites.


Interoperable with a markup

Through active participation in the development of standards in the CSS3 and SVG Working Groups (Scalable Vector Graphics), the assessors in the HTML5 Working Group and the leadership of the HTML5 Testing Task Force, we actively provide for the development of modern web standards on the web. As we add more test cases to the W3C (World Wide Web Consortium) forward than any other browser manufacturers, the standard consistency highest priority. This ensures that browsers and applications in the implementation of modern Web standards and their use by developers behave consistently.


Better support for standards allow same markup for all browsers

Web browser should be one and the same markup - is equal to - HTML, CSS and scripts. This is in many browsers, and with many elements of the markup code is simply not the case. Windows Internet Explorer 9 uses the latest web standards. This will not change overnight. Our investments in standards and interoperability to ensure that the same markup code works in all browsers. If developers have to spend less time to rewrite their sites for various browsers, then they have more time to create amazing applications. Internet Explorer 9 introduces support for modern Web standards:

• CSS3
• DOM L2 and L3
• ECMAScript 5
• HTML5
• Scalable Vector Graphics (SVG)
• International Color Consortium (ICC) color profiles

[Ground 0]

Internet Explorer 9 supports more CSS than previous versions of the Microsoft browser. Building on the work on Internet Explorer 8, which led to the full support of CSS2.1 specifications implemented, Internet Explorer 9 CSS3 support of many components. Many CSS3 modules are currently still in working draft status or Last Call. Until it reaches the Candidate Recommendation status can result in significant changes.


CSS3 Backgrounds and Borders Module

Internet Explorer 9 on one of the most requested support CSS-board functions: the property border-radius. To create rounded corners for layout boxes, yet sophisticated techniques were required. With the border-radius corners are the property a quarter-ellipse with a specified radius replaced.


CSS3 Color Module

Internet Explorer 9 supports different, by the CSS3 color module defined color models - including the new Alpha models (transparency). It also supports Internet Explorer 9, the opacity property of CSS3 Color module, the transparency at the element level, developers can define.


CSS3 Fonts module

Each new version of CSS-provided regularly for better typographic controls. The CSS3 Fonts module extends the capabilities of CSS2.1 and defines the behavior of certain functions again. Internet Explorer 9 extends the existing support for CSS, and is fully compliant to the CSS3 Fonts module with - including interoperable implementations for the font-face -rule, for the font-weight mapping and the font-size mapping and the font-stretch property. Internet Explorer 9 also supports the Web Open Font Format (WOFF) for repackaging Font spline-based (sfnt) font files (TrueType, OpenType and Open Font Format), compacting each table by using the Zip compression format. Raw fonts (fonts, in which the embedded permission bit is not set) are not supported.


CSS3 Media Queries module

The CSS3 Media Queries module defines methods that allow developers to specify areas of a style sheet for specific device functions. A developer wants to, for example, design the pages for users with mobile devices (small screen, limited color range, low resolution, etc.) other than the pages for compact notebooks (small screen, full color range, high resolution, etc.) and the pages for normal computer (large screen, full color range, high resolution, etc.). The CSS3 media queries supported media properties include among other things, width, height, width-device, device-height, orientation aspect, ratio, device-aspect-ratio, color, color index, monochrome, and resolution. Internet Explorer 9 introduces support for media queries in CSS, HTML, XML and XHTML. Developers can customize their designs better to the needs of users and devices.


CSS3 Namespaces Module

Internet Explorer 9 introduces support for XML namespaces in CSS selectors. Selectors allow developers to style rules apply to one or more elements of a document.


CSS3 Selectors module

The CSS3 Selectors module specifies various additional elements to the CSS selector syntax. These are supported by Internet Explorer supports 9 fully. The new selectors in Internet Explorer 9 allow developers to style rules apply to specific elements of a document. They include structural pseudo-classes pseudo-class : target, pseudo-classes for the state of UI elements, the negation pseudo-class and the UI pseudo-element.


DOM L2 and L3

Internet Explorer 9 supports more elements of the Document Object Model Level 2 (DOM L2) and Level 3 (L3 DOM) is improved and the support of existing implementations in Internet Explorer.


DOM Core (L2 and L3) and views (L2)

Internet Explorer 9 supports many new DOM L2 Core APIs (English). In addition, be interoperable DOM namespaces, such as the * Nazi methods, and related properties supported namespace. Internet Explorer 9 also supports many of the most common DOM L3 Core Methods and properties, and both DOM L2 Views Properties completely.


DOM L2 and L3 Events

The DOM Events specifications (Level 2 and Level 3 -. Both English), the DOM Event system describe the registration of event handlers. The primary goal for the event system in Internet Explorer 9 is the orientation of the specified by the W3C interoperable model. From proprietary developers can attachEvent model Internet Explorer go and write do not need a code for different browsers. For more information, see the Events DOM Reference in the MSDN.


HTML DOM L2

Internet Explorer 9 support the HTML DOM L2 APIs, which had in previous versions of Internet Explorer is not available - including APIs such as HTML5 getElementsByClassName and characterSet. Internet Explorer 9 has improved the object model in tables (especially in relation to DOM operations for adding and removing items).


DOM L2 Style

The style DOM L2 specification defines APIs for programmatic access and change the styles of individual elements and whole style sheets by adding or modifying rules. In previous versions of Internet Explorer, it was possible to perform these tasks through proprietary methods. Internet Explorer 9 now supports the standard APIs of DOM L2 style specifications. In addition, standardized APIs are supported, for which there were no equivalents in Internet Explorer (such getComputedStyle - eng.).


DOM L2 Traversal and Range

The DOM Range section DOM L2 Traversal and Range Specification defines a common way of document content information to select two areas. These two range data are defined by a container (the parent, the closest point) and offset (the place the container on which the end point). Together with the HTML5-selection interface allows DOM-range features such as programmatically retrieve a range, the selection of child elements and the deletion of a selection. The Selection API has already been discussed earlier in this document. Internet Explorer 9 supports all DOM L2 Range APIs and all HTML5 Selection APIs - SetSelectionRange such as the already widely used method.

[Ground 0]

Handling of white space

The handling of whitespace in the DOM in Internet Explorer was far different than in other browsers. This lack of interoperability was very frustrating for the developers. In previous versions of Internet Explorer whitespace characters have been hidden. They were not represented in the DOM text node. In Internet Explorer 9 are white space be preserved and, as expected, in place text node in the DOM. This behavior is consistent with other browsers.


ECMAScript 5

Internet Explorer 9 introduces enhancements to JavaScript, and improves the performance of JavaScript. In December 2009, the fifth ECMA ECMA-262 Edition (English) out. That same year, Microsoft introduced with the support of JSON in Internet Explorer 8 (Eng.) ECMAScript 5-elements (ES 5). ES 5 standardizes numerous important extensions to JavaScript. Among the many important and are implemented by Internet Explorer 9 ECMAScript 5 features:

• New methods for arrays
• An extended object model
• Methods and functions for arithmetic operations

Internet Explorer 9 also fixes several problems from previous implementations of JavaScript.


Updated compatibility mode

Internet Explorer 8 introduces a compatibility mode for documents about the set, the developers have a particular mode of representation - Internet Explorer 7 or Internet Explorer 8 Internet Explorer 9 adds a new mode: the default mode of Internet Explorer 9 on the highest possible performance for processing modern Web applications and the latest available standards. This updated compatibility mode offers developers more flexibility in the application migration and upgrades. As long as the Web site or the web server no other mode is specified, Internet Explorer 9 is default, under the Internet Explorer 9 Document mode.