HTML and CSS Reference
In-Depth Information
Testing our site
Whew! That was a lot to get by! But wait, we are not done yet! We have written all the
code, but how about some testing? There are so many variants of browsers out there
and it is impossible to test on each and every one of them. Fortunately, it is pretty
simple to test on most major versions of browsers.
If you are on Windows, I recommend you install the latest versions of Opera, Opera
Next, Safari, Chrome, Chrome Canary, Firefox, Firefox Nightly, IE8, and IE10.
If you are on Mac, get every browser listed above, except IE. If you are able to afford
it, buy a Windows Operating System and install it as a virtual image on Virtual Box
( www.virtualbox.org/ ) . Microsoft provides older IEs as virtual images for testing, which
you could also install on Virtual Box using ievms ( github.com/xdissent/ievms ).
For a far easier but less rigorous testing option—say when you have not yet finalized
your website—try www.browserstack.com or browserling.com .
All of these browsers have developer tools that make it very easy to detect when a
page is not rendered as expected.
Let us test our Sun and Sand Festival website in Internet Explorer 7. At first glance,
everything appears to work as expected. But looking at the tabs, it seems like
everything has gone haywire! The following screenshot displays our page on the In-
ternet Explorer browser:
Search WWH ::




Custom Search