HTTPWatch equivalent on Mac

[Aravind Narayanan]

Hi,

If you are using Safari 3.1 or higher, there is a little known feature which can be used as a replacement for at least some of the functions of HTTPWatch. It's called WebInspector, and has a good UI for inspecting the DOM as well as inspecting network activity for the page.

It is not enable by default. To enable it, close Safari, go to the Terminal and execute the following command: defaults write com.apple.Safari WebKitDeveloperExtras -bool true. 

Now start up Safari, and right click on a web page. You will find a new contextual menu item named "Inspect Element". If you click on that, a new window will open up. This is the WebInspector.

To view the network activity, just click on the Network icon, in the lower left corner. You will see a display similar to HTTPWatch's network activity feature. You can also inspect the DOM, when you click on any of the documents in the left sidebar. 

Hope this comes in useful. See http://webkit.org/blog/108/ and http://webkit.org/blog/41 for more details.

Thanks,

Regards,

--

Aravind Narayanan | arav...@cs.stanford.edu

Course Assistant | CS193H

[Minh Nguyen]

They've recently improved the Inspector quite a bit [1]; you can
download the latest nightly builds [2] to use it.

[1] http://webkit.org/blog/197/web-inspector-redesign/
[2] http://nightly.webkit.org/

> <mailto:arav...@cs.stanford.edu>
> Course Assistant | CS193H
--
Minh Nguyen <m...@zoomtown.com>
AIM: trycom2000; Jabber: m...@1ec5.org; Blog: http://notes.1ec5.org/

[Joachim De Lombaert]

You can skip the Terminal commands in the most recent versions of
Safari/Webkit:
- Go to Safari: Preferences: Advanced.
- Enable "Show Develop menu in menu bar"
- Choose Show Web Inspector from the Develop menu
- Click the Resources tab in Web Inspector window
--
Joachim De Lombaert