Is your website ready for Windows 10 ?

Hello!

Windows 10 has been in the market for a month now following the official launch on July 29. Since then, the new OS has been gaining ground super fast and in less than a month Windows 10 was running on more than 75 million devices! And growing. Well, that’s great news for web developers as well. Especially, that the new Windows comes with a whole new Browser that is built for the modern web!

Microsoft Edge is the default browser running on Windows 10, on those 75 Million devices and aiming at 1 Billion devices. Well, I wouldn’t want my website to miss on that! As a web developer or website owner , I would be concerned about having my website look and perform it’s best on that browser.

Good thing is that the Microsoft Edge is based on a new browser engine that is better than ever. A browser that can render the web more correctly, swiftly, and reliably. As a web developer working with web standards, you will find that Microsoft Edge should just work like other browsers. It is more interoperable with other browsers which makes it easier than ever to develop websites site that works everywhere.

Nevertheless, it is still important that you check your website on Edge and scan it for issues. The free cross platform tools on Edge Dev Center allows you to test and debug your website. It can help your website even if you are not interested in testing it for Edge. With these tools you can run a quick code scan on your website URL to check for out-of-date libraries, layout issues, and accessibility. These are issues that you will find in all modern browsers as it is based on web and HTML5 standards.

The website

The are some issues because you added custom code to support non-standard modes and legacy browser engines. With Edge, you can clean your HTML from these. From simple document declaration <!DOCTYPE html> which the the standard DOCTYPE declaration for HTML5 that Microsoft Edge provides first class support for; as opposed to non-standard Document Mode meta tags like the following one:

<meta http-equiv="X-UA-Compatible" content="Edge" />

To JavaScript enhancements such as using addEventListener in order to register an event handler instead of attachEvent to subscribe to the load event. The latter is a non-standard mechanism for adding events which was even deprecated  and entirely removed in IE 11, but some developers still use to support older versions of the browser and thus when you run on Microsoft Edge an error will be raised. The following example illustrates:

Old and Erroneous

window.attachEvent("onload", function () {

setTimeout(function () { alert(“I have been loaded!”); }, 100);

});

Interoperable

window.addEventListener("load", function () {

setTimeout(function () { alert(“I have been loaded!”); }, 100);

 });

You can always go to dev.modern.ie to learn more, check platform status and roadmap, give feedback and explore cool demos that showcase the platform features in practical examples.

I will be posting more around Microsoft Edge and the web on Windows 10.

Talk soon. Happy browsing!

Posted in Web Development, Windows 10 Tagged with: , ,