Windows Store apps and the IE10 DOM

Windows Store apps and the IE10 DOM

Windows 8 fully embraces web-tech as a means to develop applications for the windows store, however, there are a few things that you should be aware of, along the way.

You can use your own JS libraries, or jQuery, or whatever you prefer ( assuming it behaves well in IE10 ). One thing to watch out for though is that all of your javascript files ( and css ) will need to be both ‘valid’ and properly UTF-8 encoded with the Byte Order Mark in place. Behind the scenes, IE10 appears to be caching your byte-code so it is validated during app submission.

There are some new events fired by Element that you should be aware of :

var stopThat = function(e) { e.preventDefault(); }; 

//Disable selection 
element.addEventListener("selectstart", stopThat, false ); 

// Disable visual on hold 
element.addEventListener("MSGestureHold", stopThat, false ); 

// Disable menu 
element.addEventListener("contextmenu", stopThat, false ); 

It is also worthwhile to read up on the ‘new’ -ms-touch-action CSS property.
You can find more info from Microsoft here.

This is relevant as well, for those coming from a webkit background.
Adapting your WebKit-optimized site for Internet Explorer 10

  1. ben wa balls
    ben wa balls12-18-2012

    That is very interesting, You are an overly professional blogger. I have joined your feed and look forward to in the hunt for more of your excellent post. Also, I’ve shared your site in my social networks!

    No Twitter Messages