Debugging JavaScript with Firefox

Here are some miscellaneous tips for debugging HTML, CSS, and JavaScript in Mozilla Firefox.

They include references to Firefox extensions (plug-ins) that you will need or want, as well as tips for configuring Firefox, how to actually invoke the debugging procedures, and a few shortcuts to keep in mind. A number of landmines are also pointed out along the way. (Please avoid stepping on those, because it gets messy.)

Minimally Required Firefox Extensions:

- Does your installation of Firefox have a DOM Inspector option on the Tools menu? If not, reinstall Firefox with the Developer Tools option turned on (Custom | Developer Tools).
- Install the Web Developer Extension (http://chrispederick.com/work/webdeveloper/), if you have not already done so.
- Install the JavaScript Debugger (aka. Venkman, http://www.mozilla.org/projects/venkman/).

Optional Firefox Extensions:

- Install View Source Chart (http://jennifermadden.com/scripts/ViewRenderedSource.html)
- Install the Load Time Analyzer (by Google).
- If you are running on Windows, you might want to install IE Tab (http://ietab.mozdev.org/).
- 200+ other developer extensions are listed at https://addons.mozilla.org/search.php?cat=4.

Comments

Post a Comment

Popular posts from this blog

How To View The Contents In Firefox Cache Locations

Do you know how many cache locations Firefox uses to store web pages and images? It turns out there are three locations, known as device’s that makes up the cache used by Firefox. They are Memory cache device, Disk cache device and Offline cache device. In case you are unfamiliar with the “cache”, it is a location that Firefox uses to store web pages, images, etc, that’s used to speed up loading and displaying web pages. So instead of downloading a page from a web site server, if the page has not changed, Firefox will check it’s cache and load the page if it exist. Now, you may not care much about what’s in the cache, but if you are having problems and need to check the content of the cache, Firefox provides a command that will display all locations. All you need to do is type the following command in the location bar (address bar) and press enter. about:cache You will then see the following page with information about the three cache locations and how much space is in use. What’s
Read more

How to Use ISO Files in Windows XP

If you are running Windows XP, there is no standard support for ISO files. These files however are quite common as an alternative to installation CDs or DVDs. An ISO file is basically an image of a CD or DVD. You can use CD Burning software to create a CD from the ISO file. But in many cases you might not want to write a CD-ROM or DVD from the ISO file, you simply want to access the contents while the ISO file resides on your hard disk. There are software solutions available for this, which create a virtual CD or DVD drive. You can then mount the ISO file as a drive and access the contents of the ISO file. Most of these software solutions however are commercial software, which means you need to pay for them. If you do not need the fancy user interface, you can also use a virtual cd-rom tool created by Microsoft. It is called the Virtual CD-ROM Control Panel, and can be downloaded from the Microsoft website. The downloaded file (60KB) is an installer, which you need to execute to extrac
Read more

How to using tabbed bookmarks in Safari and Firefox

A friend of mine was commenting today on a common scenario that a lot of us run into. When you’re actively working on a project, you often times have several tabs open in your browser solely related to that work: some API documentation, a couple versions of a site you are working on, a google spreadsheet, a project resource/status page, and things of that sort. When you change gears to work on something else, you might have another entirely different set of pages that you keep open all the time. If you juggle several projects at the same time, it can be a nuisance (not to mention a waste of time) to constantly be closing and opening all those windows throughout the day. This isn’t new news, but Firefox and Safari both have a really convenient and often overooked–feature built into their tabbed browsing and bookmarking functionality that makes managing groups of commonly viewed documents really simple. In Safari, just create and fill a folder in your bookmarks menu for each group of sit
Read more