Irfan’s Corner on the Web On Mac, Linux, Grid, Virtualization and Software Technology

Impressive web-development features in Safari 4

Today I stumbled across some impressive web development features in Safari 4 (or are they WebKit features?).

When you right click and select "Inspect Element" the Web Inspector window opens.

The Web Inspector provides numerous features which facilitate web development. Some features I found useful:

1. Live HTML and CSS Editing: In the Elements tab, you can browse the entire page source and edit elements as well as CSS styles and preview them in the browser.
2. Web Page Profiling: Personally, I found the resources tab most useful. In a single view I found out that there are some images on my front page which take a considerable time to load.
3. Script Debugging: In the scripts tab, you can execute scripts in the page in debug mode.

Before discovering this, I used CSSEdit's web browser. CSSEdit's X-ray mode allows me to edit HTML and CSS and preview on live pages. Anyone aware of some other great web development tools for the mac?