CFEclipse is an IDE for ColdFusion developers based on the Eclipse Java IDE. CFEclipse has a whole range of features including insight code assistances, code folding, method view, task list, project control, etc… CFEclipse is an excellent replacement for ColdFusion Studio, Homesite+ and Dreamweaver.
Check out the CFEclipse website for more information: http://www.cfeclipse.org
Continuing with my look at web developer tools for Firefox, today I want to tell you about Tamper Data. Tamper Data allows you to view and tamper with the HTTP request and response headers. Tamper Data is quiet a simple plugin. Once installed, simply go to the ‘Tools’ menu in Firefox and click the ‘Tamper Data’ menu item. Tamper Data will then open in a new window. In this state, Tamper Data will simply display any HTTP request as and when it happens. The table at the top gives you a list of requests. If you click one of the requests it will then display the full request and response header in the two frames below the table. If you click the ‘Start Tamper’ option, when the next HTTP request is activated a dialog box will give you the options ‘Tamper’, ‘Submit’ and ‘Abort Request’. If you click ‘tamper’, another window lets you change the request parameters and then continue with the request. Clicking the ‘Submit’ option will submit the request as it is, and the ‘Abort Request’ option will stop the request from being sent.
Tamper Data is useful to test the security of web applications by modifying POST parameters. Tamper Data also gives you other good diagnostic information, like the status code and the time taken for HTTP requests.
So, carrying on from yesterdays discussion of Firebug, today I’m looking at another Firefox extension that help web developers. The extension is aptly called ‘Web Developer Extension’. The ‘Web Developer Extension’ adds a toolbar to Firefox that adds a hugh range of useful tools to Firefox. The tools are split into 11 sections, these sections are:
The “web developers extension” is available from: http://chrispederick.com/work/webdeveloper/
Firebug is an excellent Firefox plugin for web developers. Firebug allows you to view, edit and debug HTML, CSS and Javascript live in the browser for any web page. Firebug intergrates directly into the browser window appearing at the bottom of the screen, but can also be displayed in a separate window.
One of the best features of Firebug is the ‘Inspector’. The ‘Inspector’ allows you find HTML elements within your code and then inspect. It allow you to see all the CSS assoicated with the element, both directly applied and inherited. You can then edit these properties live and see the results of these edits live as well.
Firebug’s visualisation of CSS metrics will measure and illustrate all the offsets, margins, borders, padding, and sizes and show them on screen.
Firebug also lets you debug Javascript in great detail. It gives you detailed information about error, allows you to set watches and breakpoints, log calls to functions, etc… Firebug also let you execute Javascript on the fly from a command line.
Firebug also lets you explore the DOM, find DOM object and quickly edit them on the fly.
Another feature of Firebug is its network monitor. The network monitoring tool let you see the load of time of the components within your page, allowing you to optimize your page quickly and easily.
Firebug is an excellent tool for all web develops, making it quick and easily to debug problems with both layout and scripting.
Get Firebug today at http://www.getfirebug.com/