Top 5 Web Developer Tools for Fixing Cross Browser Issuses
Web development is still a tricky business especially when it comes to what your site looks like in different browser, I.E cross browser compliance. All good developer; develop for Firefox, then hack for Internet Explore. These issues are primarily caused due to Microsoft determination not to follow the guide set out by the W3C. Microsoft where fine for this exact reason not so long ago but the fine was just a drop in the ocean and hasn’t really caused them to change any thing. In this blog article I am going to discuss some of the tool which allows you to find and fix these issues in both browsers. To find these tool just Google the names.
Firefox Tools for development
FireBug: Any developer worth his salt should already know about this tool so I won’t dwell on it but basically in allows you to debug and inspect HTML, CSS, the Document Object Model (DOM) and JavaScript on the fly.
Web Developer tools Bar: This is my favourite Firefox extension very similar to firebug with out the JavaScript debug system. This allow you to debug CSS on the fly key to remember when using this extension are “CTRL shift E” to open up an edit file for the css that is import to the page and “CTRL shift F” which bring up the inspector
Live HTTP Headers: This extension allows you to investigate how any given page interacts with the HTTP request and there given response extremely useful when doing redirect.
Internet Explore Tools for development
Internet Explorer Web Developer Toolbar: This application is very similar in its purpose to the web developer tool bar for Firefox. On say this it has now were near the capability of any Firefox debugger but it the best your going to get for internet explore
Fiddler: Basically does the exact this as Live HTTP Headers for Firefox Seeing as Microsoft can’t change the way web technology work you better of using Live HTTP Headers
Related posts:
