Collaborator-8-3-CTA-banner

What’s New for Developers in IE11?

Internet_Explorer_10_logo.svg

The first big update to Microsoft’s Internet Explorer browser in three years will feature a number of advanced security features – and a whole lot more.

With Windows Blue, a.k.a. Windows 8.1, Microsoft will issue the first new version of its standard Web browser in three years. Contrast that with the constant upgrades coming from the Mozilla Foundation and Google. However, in Microsoft’s case, the company is introducing a whole lot of new browser features at once that rely on changes made to the underlying operating system.

IE11 is available in developer preview for both Windows 7 and 8. But many new features are disabled in Windows 7 because they are touch-based and only work on Windows 8.

In this article, I break down what’s new and significant in this big browser update, which has gone three years without significant overhaul.

New F12 Tools

Microsoft is revising its F12 Developer tools for building and debugging Web pages and applications using JavaScript. You view the final page in the browser but the tools provide a view of how those pages are interpreted on a code level by IE. F12 tools also help identify and report about elements on the page such as links and image reports.

Page code is displayed the way the IE Document Object Model (DOM) interprets the page and is not the original source code. This change shows the impact of dynamic objects, such as memory leaks, or you can just use it to fine-tune a CSS layout.

The F12 tools are completely rebuilt in IE11 Preview with a new UI and new functionality to make development and debugging faster and easier, Microsoft promises. There are eight distinct tools in the toolkit, each with their own tab in the F12 tools interface:

  • The DOM Explorer tool
  • The Console tool
  • The Debugger tool
  • The Network tool
  • The UI Responsiveness tool
  • The Profiler tool
  • The Memory tool
  • The Emulation tool

The Responsiveness, Memory, and Emulation tools are completely new. They all sport a Windows 8 minimalist interface and are fully integrated with each other. (Microsoft offers an in-depth look at the F12 tools, if you want to know more.)

WebGL and Hardware 3D Support

Two years ago, Microsoft Security Research and Defense posted a blog entry claiming that WebGL was not secure. For two years, Microsoft has been the lone browser maker to not support WebGL, but now that the company is satisfied with the security measures around the library, it’s adopting it.

WebGL is a technology that allows websites to use a computer’s graphic processing unit (GPU) via JavaScript by using an API (OpenGL) that developers know. Epic Megagames, maker of the game Unreal and its 3D engine with the same name, ported the Unreal Engine 3 to Chrome and Firefox running in JavaScript in four days, and they have a snazzy video to show for it.

Microsoft states that the WebGL renderer in IE11 Preview is an early preview version; however, objects, methods, and properties are mostly defined already. Some features, such as antialiasing, are not yet supported.

There are other video improvements as well. Internet Explorer supports the HTML Full Screen API to give a quality full screen video playback, TTML, and SPD standards for closed captioning. With WebCrypto support in IE11, websites can directly control how critical data is encrypted and exchanged. IE can now download video data without caching to disk, resulting in extended battery life when you watch your favorite video.

On Windows 8.1, IE11 supports the latest HTML5 video media streaming standards, including Dynamic TextTracks, Fullscreen API, Simple Delivery Profile, Streaming XHR cache control, and Media Source Extensions (MSE) and Encrypted Media Extensions (EME). With MSE, IE automatically switches the bitrate of the video based on current network conditions while EME provides a standard interface for playing protected media content.

In addition to improving on HTML5 support, the Charkra JavaScript engine is getting a performance tune-up. IE11 includes support for the well-defined and commonly used features of the emerging ECMAScript 6 standard like let, const, Map, Set, and WeakMap, as well as __proto__ for improved interoperability. IE11 also supports the ECMAScript Internationalization API (version 1.0) for handling international date and time formatting.

Faster HTTP transport

The Hypertext Transfer Protocol has been languishing for years even as our Web use has become more complex. Version 1.0 came out in 1990, when Tim Berners-Lee first introduced the World Wide Web and it got its first major revision in 1999 with v1.1. Since then, it’s been quiet, even as we have moved on to things like media streaming, secure connections, and on-demand services that require the browser.

To give the IETF a kick in the rear end, Google released a protocol called SPDY (not an acronym) that has become the basis of HTTP 2.0. SPDY support is already native in Chrome and Firefox, and Microsoft says it will add it to IE11.

In addition, Microsoft made its own contribution to next-generation HTTP in 2012 with Microsoft Speed+Mobility, or Microsoft SM, which modifies the way HTTP requests are sent over the wire to reduce page load times. Like SPDY, it was designed to be a part of HTTP 2.0, not compete with it.

Microsoft has since released the Katana server supporting HTTP 2.0 so developers can begin the process of learning the new protocol and testing applications. Visual Studio templates and other developer tools for building applications have been posted to CodePlex. Katana support will be native to Visual Studio 2013.

In addition to HTTP support, Katana will be Microsoft’s implementation of its Open Web Interface for .NET (OWIN), which will allow ASP.NET apps to talk to the Web and Web applications, including non-ASP.NET apps.

The combination of SPDY, WebGL, and improved HTML5 and CSS3 support can create much faster and more powerful applications deliverable over the wire. The IE browser will deliver a 3D experience previously only possible through a videogame installed on the PC.

Improved Touch

People may have the Modern UI but Microsoft isn’t backing down on this one. The company is further touch-enabling IE11 with Windows 8.1 while tweaking 8.1′s own touch support. IE11 is especially optimized for touch-enabled displays with live tiles, like the UI or in Windows Phone 8.

Users can pin websites and receive live updates or make a tile that serves as a RSS feed. Frequently visited and the Favorites list will also be showcased as tiles. Each site will have a photo cover that users can customize. Microsoft is also expected to add cross-device syncing (something Chrome has already), which syncs a user’s open tabs, browser history, favorite sites, and settings to the user’s Microsoft account and other Microsoft devices.

Since the menu bars of apps are made with the mouse in mind, IE11 introduces support for simulated hover with touch. Tap once to click and then hover to hold. In addition, a new context menu command bar now appears at the bottom of the screen when you press and hold on a link. By placing it at the bottom it won’t interfere with the site’s hover menu if there is one.

Link highlighting on IE11 is similar to Windows Phone 8 with CSS transforms. When you highlight a link, it’s actually highlighted, and it changes to a shade of gray so you know you’ve selected the right element.

In the new IE 11, developers will be able to programmatically trigger pan and zoom through the new msZoomTo() API, which scrolls or zooms into and out of an area with animation. HTML 5 Drag and Drop, first introduced in IE10 using the mouse, is now touch-enabled. Developers can test it out using the Refrigerator demo from IE10.

IE11 adds back-and-forward navigation using swipe gestures across the screen, something people really wanted in IE10. IE11 suspends and caches the previous page to memory when navigating between pages. When you swipe back to the previous page, the page resumes from memory. Microsoft is promising an update on how the new page caching works and how sites can be optimized for this experience using HTML5 APIs. The finished version of the browser will come with support unprefixed Pointer Events.

What’s Missing? Proprietary stuff

Microsoft has not just added features to Internet Explorer; it removed a few as well. One of the most glaring is that all existing isIE() code branches, whether in JavaScript or on the server, will return false for Internet Explorer 11. This could be seen as a demonstration that IE 11 supports Web standards so thoroughly that existing IE-specific behavior is no longer needed.

The “MSIE” token, which has been part of the Internet Explorer user-agent from the beginning, has been removed. In its place is “like Gecko,” something Safari does. Gecko is the engine in Firefox, so IE 11 is identifying itself in the user-agent as a Gecko-type browser. So here is what the user-agent string now looks like:

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

The “compatible” and “MSIE” tokens have been removed, “like Gecko” has been added for consistency with other browsers, and the version of the browser is now reported by a new revision (“rv”) token.

Also saying bye-bye, sort of, is “document.all,” which has been around since IE4. document.all was the IE way of getting an element reference. document.all is now flagged as a falsy. Instead, Microsoft will use document.getElementById(). This also means any code branches based on the presence of document.all will fail under Internet Explorer 11.

Microsoft also removed a bunch of other IE-specific handlers:

  • attachEvent() / detachEvent()
  • window.execScript()
  • window.doScroll()
  • document.fileSize, img.fileSize
  • script.onreadystatechange
  • script.readyState
  • document.selection
  • document.createStyleSheet
  • style.styleSheet
  • window.createPopup

They all have Web standards-based equivalents, which Microsoft encourages you to use instead.

Conclusion

Microsoft is not backing down from touch and is going full steam, adding where it is lacking. At the same time, it is removing all those proprietary features that broke HTML code on other browsers, which is a big plus. Microsoft has not said when IE11 will ship, but it should come with Windows 8.1 later this year.

The Web browser will also be ported to Windows 7, minus all of the touch features, which will be a plus for IE users to have a more standards-adherent browser and not need to use Chrome or Firefox if they don’t want to.

See also:

Collaborator-Launch-Blog-Bottom

subscribe-3

Comments

  1. css and Html 5 was the biggest hit when developing in web . Atleast they did something right for the first time in IE11

  2. I’ve just done some image-decoding HTML5 project with a bit of computation. IE11 still is the slowest (FF, Chrome, Safari, Maxton) and doesn’t support transferable object to WebWorkers.
    Microsoft still is behind its competitors.

  3. Steve From Pittsburgh says:

    “They all have Web standards-based equivalents, which Microsoft encourages you to use instead.”

    ARE YOU KIDDING ME!!!

    Wow, yeah, I see how this “transition” will go so very smoothly… NICE.
    I pray for the day we don’t have to support MS’s bulshit anymore.

    • I know my thoughts exactly….so basically more reason for companies to not upgrade, since that would mean they would have to rewrite code that already works. I too pray for this day, but I doubt that I will see it in my lifetime.

  4. “With Windows Blue, a.k.a. Windows 8.1, Microsoft will issue the first new version of its standard Web browser in three years.” Huh? IE 10 was released in 2012. IE 9 was released in 2011. So this will be the _third_ new version in three years.

  5. Somethings what i realy missed, and somehow no one talk and explain why.. funcionality of IMAGE tab, tools like IMAGE REPORT VIEW and etc. They complitly strip it and avoid to explain it.

  6. Hello to all, how is everything, I think every one is getting more from this web site, and your views are fastidious in support of new visitors.

  7. Now I am going too do my breakfast, after having my breakfast
    coming again to read more news.

  8. Hi there! This post couldn’t be written much better!
    Going through this article reminds me of my previous roommate!
    He always kept talking about this. I willl send this article to him.
    Pretty sure he will have a very good read. Thankks for sharing!

  9. Asking questions are genuinely fastidious thing if you are not understanding something totally, however this paragraph provides pleasant understanding yet.

  10. Wow, this piece oof writing is nice, my younger sister is analyzing these things, so I am goin to let know her.

  11. Hello! I could have sworn I’ve been to this website before but after browsing through some
    of the post I realized it’s new to me. Anyhow,I’m definitely
    glad I found it and I’ll be book-marking and checking back often!

  12. Thanks for finally wrditing abouut >What

  13. Hi, everything is going fine here and ofcourse every one is
    sharing information, that’s really good, keep up writing.

  14. Heya are using WordPress for your site platform? I’m new to the blog world
    but I’m trying to get startd and set upp my own. Do yyou need any htnl coding expertise to ake your own blog?
    Any help would be really appreciated!

  15. Hi there to evety single one, it’s really a pleasant for me
    to pay a quick visit this web page, it contains precious Information.

  16. When I originally commented I clicked the “Notify me when new comments are added” checkbox and noow each time a comment is added I get three e-mails with the same comment.
    Is there anny way you can remove me from that service?
    Manyy thanks!

  17. Aw, this was an incresibly nice post. Taking the time and actual effort to generfate a really
    good article… but what can I say… I hesitate a lott
    and don’t manage to get anything done.

  18. Please let mee know if you’re looking for a author for your blog.
    You have some really good posts and I believe I would be
    a good asset. If you ever want to take some of the load off, I’d really like to write some articles ffor your blog inn exchange for a link bsck to mine.
    Please blast me an e-mail if interested. Many thanks!

  19. Yoou actually make it seem so easy wkth your presentation bbut I find this matter to be really something tht I think I would never understand.
    It seems too complicatsd and very broad for me. I’m looking forward for
    your next post, I’ll try too get the hang off it!

  20. I absolutely love your blog and find almost all of your post’s to be
    exactly what I’m looking for. Do you offer guest writers to write content avalable for
    you? I wouldn’t mind publishing a poset or eelaborating on a lot
    of the subjects you write related to here. Again, awesome blog!

  21. Veery good blog! Do you have any helpful hints
    for aspiring writers? I’m hopin to sttart my own site soon but I’m a little lost on everything.

    Would you propose starting with a free platform like WordPress or go for a ppaid option? There arre
    so man options out there that I’m totally overwhelmed ..
    Any suggestions? Applreciate it!

  22. Hello There. I found your weblog the use of msn. Thhat iss a really smazrtly written article.

    I will make sure too bookmark itt and return to larn ore of youjr userful info.
    Thanks for the post. I’ll certainly comeback.

  23. Heya i’m for the first time here. I came across this board
    and I find It truly useful & it helped me out much. I hope to give something back and
    aid others like you helped me.

  24. Hey there! I’m at wok browxing your blog rom my
    new ipone 3gs! Just wanted to say I love reading through your blog and look forward to all your posts!

    Carry on the great work!

  25. If some one desires expert view on the topic of blogging then i recommend him/her tto ppay a quick visit this blog, Keep up the pleasant work.

  26. If you want too get a great deal from this piece of writing
    then you have to apply these techniques
    to your won website.

  27. My spouse and I absolutely love your blog and fond nearly all of your post’s to
    be exaactly what I’m lookin for. Do you offer guest writers
    to write content for you? I wouldn’t mind composing a poost or elaborating
    on a lot of the subjects you write regarding here.
    Again, awesome weblog!

  28. Thanks for ones marvelous posting! I genuinely enjoyed reading it, you may be a great author.I
    will make cerfain to bookmark your blog and will eventually come back
    very soon. I want to encourage you continue your great job, have
    a nice day!

  29. I know this weeb site offers qulity basd articlles or reviews and extra information, is there any other web page which provides these
    stuf in quality?

  30. Thanks for evedry other fantastic post. Where else could anyone get that type
    of information in such a perfect manner of writing?
    I’ve a presentation next week, and I am at the look for such information.

  31. What’s up friends, how iis the whole thing, and what you want
    to say on the topic of this post, in my view
    its actually remarkable designned foor me.

  32. It’s awesome tto visit this site and reading the views of all friends regarding this article, while I am also zealous off getting
    experience.

  33. I every time usedd to read paragraph in news papers but now as
    I aam a user of internet thus from now I am using
    net ffor content, thanks to web.

  34. I waas curious if you ever thought off changing the page layout
    of your blog? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.
    Yove got an awful lot of text for only having
    1 or two pictures. Maybe you could space
    it oout better?

  35. Whatt i don’t understood is actually how you’re
    now not actually much more well-favored than you might bbe now.
    You are so intelligent. You know thus considerably in relation to this matter, produced me in my opinion imagine it rom a lot of numerous angles.
    Its like men and women don’t seem to be interested except it’s one thikng to doo with Woman gaga!
    Your own stuffs excellent. All the time take care of it up!

  36. Hey I am so grateful I found your web site, I really found
    youu by accident, while I was researching on Google for something else, Regardless I am here now and would just like to say thank you
    for a maarvelous post and a all round thrilling blog
    (I also love the theme/design), I don’t have time
    to read it all at the moment but I have book-marked it
    and also added inn your RSS feeds, so when I have time I
    will be back tto read much more, Please do
    keep up thhe awesome job.

  37. Whhen I originally commented I seem to have clicked on the -Notify me wheen new comments are added- checkkbox and noww every time a comment is added I recieve 4 emails with the same comment.
    Is there a means you are able to remove me from that service?
    Kudos!

  38. magnificent put up, very informative. I ponder why the opposite specialists of this sector do not
    notice this. You should continue your writing.
    I’m confident, you have a great readers’ base already!

  39. I think this is one of the most vital information for me.
    And i am glad reading your article. But want to remark on few general things,
    The site style is perfect, the articles
    is really nice : D. Good job, cheers

  40. Hi! Do you use Twitter? I’d like to follow you if that would bee okay.
    I’m absolutely enjoying your blog and look forward to new
    posts.

  41. Howdy! Someone inn my Facebook group shared this site
    with us so I came to take a look. I’m definitely loving the information. I’mbookmarking and will bbe tweeting this to mmy followers!
    Terrific blpg and fantastic design and style.

  42. Why visitors still make use of to read newqs
    papers when in this technological globe the whole thing iss
    available on web?

  43. you are really a just right webmaster. The website loading
    pace is amazing. It sseems that you are doing any unique trick.
    Also, The contents are masterpiece. you’ve done a excellent process on this
    subject!

  44. Superb blog! Do yyou have any tips ffor aspiring writers?
    I’m hoping to start my own site soo but I’m a little llost on everything.

    Would you recommend starting with a free platform like WordPress
    or go for a paid option? There are so many choices out there that
    I’m completely confused .. Any tips? Cheers!

  45. This page really has all the information I wanted concerning this subject
    and didn’t know who to ask.

  46. I’m not that muc of a internet reader to be
    honest but your sites really nice, keep it up!I’ll go ahead and bookmark
    your site to come back later. Cheers

  47. Hi, its good article on the topic of media print, we all know media is a wonderful souurce of data.

  48. Hello, I think yyour website might be having brkwser compatibility issues.
    When I look at your blog site iin Ie, it looks fine but
    when opening in Internet Explorer, it has some overlapping.

    I just wanted too givfe you a quick heads up!

    Other then that, tetrific blog!

  49. Your style is really unique in comparison to other people I’ve read
    stuff from. Thanks for posting when you’ve got the
    opportunity, Guess I’ll just bookmark this site.

  50. WOW just what I was searching for. Came here by searching for skull head lights

  51. I was pretty pleased to uncover this web site. I wanted to thank you forr your time
    for this particularly fantastic read!! I definitely liked every
    bit of it aand i als have you bookmarked to look at new things in your site.

  52. Asking questions are actually good thing if you are not understanding something totally, but this post presents fastidious understanding yet.

  53. Howdy! I could have sworn I’ve been to this site before but after checking through some
    of the post I realized it’s new too me. Anyways, I’m definitely delighted I found it and I’ll be book-marking
    and checking back often!

  54. I like the valuable information you provide in your articles.
    I will boolmark your blog and take a look at once more right here frequently.

    I’m reasonably sure I ill be told lors off new stuff right right here!
    Best of luck foor the next!

  55. Amazing! This blog looks exactly lije mmy oold one! It’s on a entirely different subject but it has pretty much the
    same layyout and design. Great choice of colors!

  56. I was curious if you ever considered changing the page
    layout of your blog? Its very well written; I love what youve got to
    say. But maybe you could a little more in the way oof content so people could connect
    with it better. Youve got an awfu lot of text for only
    having 1 or 2 images. Maybe yyou could space it outt better?

  57. It’s hard to come byy knowledgeable people on this topic, but you seem like
    you know what you’re talking about! Thanks

Trackbacks

  1. […] Az Internet Explorer 11 újdonságai fejlesztőknek […]

  2. […] With Windows Blue, a.k.a. Windows 8.1, Microsoft will issue the first new version of its standard Web browser in three years. Contrast that with the constant upgrades coming from the Mozilla Foundation and Google. However, in Microsoft’s case, the company is introducing a whole lot of new browser features at once that rely on changes made to the underlying operating system. Read More… […]

Speak Your Mind

*