Webgk - Share Your Knowledge

facebook twitter stumbleupon feed

Tips for Cross Browser Compatibility

  • PDF
( 1 Vote )



A successful website has to work on all of these browsers as you just don’t know what browser those all important visitors or customers will be using.

These two little gems will save you hours of digging around trying to fix niggly little problems with your site. If you really can’t be bothered however to make your site cross-browser compatible then I’d suggest concentrating on making it work in IE7 and Firefox. Firefox and IE8 are almost identical when
it comes to rendering code so you’ve just eliminated the top 3 browsers used which are IE7, IE8 and Firefox on the PC.

You might find that your website runs like a steam train in say Firefox but when you look at it in Safari it takes an age to load up. Thankfully the web has provided us with a great little tools to check and identify what causes the problem. Both supplied by the browsers in this case. YSlow is a Firefox extension that you can install on your browser and it will analyse your site an dpick up any potential bottlenecks. If there are any you’ll find once fixed your site should work fine on all browsers. Timeline that’s built in to Google Chrome does something similar.

Slow browser loading times:

Adobe BrowserLab (Google it for more info) allows you to see a fully rendered version of your site in multiple browsers and multiple versions as well. You’ll see instantly where the site needs attention, if any, and it’s probably the best tool to come onto the market for a long time.

This is obviously the big issue with web design, well not so much with web designers but the browser manufacturers themselves. Why can’t they all sing off the same hymn sheet and work together! Browser compatibility is tough to identify issues with and you rally do need to look at the site on a PC and a Mac. This is the sure fire way of confirming compatibility but there are tools to help you too.

Browser compatibility issues:

Here are the main issues that can occur when testing a website on different browsers:

When you take into account the multitude of browsers there are now available on to web users today it’s no wonder development of sites is taking longer. Firefox, Safari, Internet Explorer and Chrome are the 4 most used but are by no means and exhaustive list of available browsers.

 

Did you enjoy this article and found it useful?

Be helpful and show your appreciation:

You are here: All Scripts HTML & CSS HTML Tips for Cross Browser Compatibility