The right tools to develop in HTML5 To test and debug a site in HTML5


The choice of browser is certainly even more important than the choice of editor. Fortunately, it’s a little easier because there are fewer choices. Of course, you’ll want to test your pages on most major rendering engines to make sure they don’t have any design flaws that could affect any user group. Choosing a primary development browser will allow you to add all the tools necessary to diagnose and debug HTML code.

This file has been compiled from good sheets from
the book “HTML 5 – A reference for the web developer – 2nd edition
by Rodolphe Rimelé, published by Eyrolles. Eyrolles

It goes without saying that alternative and Open Source browsers are generally better provided with development extensions. This is the case of Firefox, Chrome and Opera. All three have a small collection of advanced controls that not only allow you to view the source code appropriately, but also to modify it dynamically, to act on CSS properties to view or modify them, to perform quality diagnostics on the page content and its media, to execute JavaScript code on demand with advanced debugging functions, and even to examine the received and emitted network traffic. If you only need one tool, this is the one to start with, as the time savings are considerable.

Virtualize!

There are many solutions for performing multiple browser installations. Some programs can easily have multiple independent versions on the same operating system, while others such as Internet Explorer, which is tied to the Microsoft installation process, will require tricks (such as IETester) to keep older versions on the same workstation.

The ideal is to use virtual machines to perform reliable tests. The idea is to be able to run other operating systems emulated by host programs in the same work environment: VirtualPC, VMWare, VirtualBox, etc. These run disk images containing a complete system and allow you to be in a quasi-real situation, with the constraints and specificities of each of them in terms of font rendering, plug-in management (Flash, Java, Silverlight), whether for Windows, Linux or Mac OS X.

VirtualPC (Microsoft)
http://www.microsoft.com/windows/virtual-pc/default.aspx


Leave a Comment