jQuery Browser Plugin module for Drupal

My first module! This is a super super basic module that will add the awesome jQuery Browser plugin to your website so you can style and browser test your websites with ease.

Why would you use this?

Great question! While there are conditional statments you can write to browser test for ie, it can sometimes be a little bit trickier to browser test other browsers like safari, chrome etc. While a good front end developer shouldn't need to do too much to get a website to display properly in those browsers, sometimes you just need a way to style something differently for a particular browser. This module adds a class to the html tag at the top of each page on your website. This allows you to do things like this:

.msie6 p{color: #000;}
.chrome p{color: #999;}

That's a really simple example but hopefully you get the point.

How to Setup?

Just download the module to your sites/all/modules folder, extract and upload to server. Then enable the module from the module administration page and that's it. Use firebug to verify that it's working by inspecting your page and looking at the very top of the code returned. You should now see something like this line of code:

<html class="js win firefox firefox3 gecko gecko1" lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

As you can see you can get pretty specific with browser versions using this plugin.

To find out more about the jQuery Browser plugin read about it here.

Download jBrowser jbroswer.tar.gz
Download jBrowser jbrowser.zip