In the Preferences menu, select the Advanced option and check the option to “Show Develop menu” in menu bar.
Safari 4 and up feature a wide variety of helpful tools for the web developer. Once you turn on the Develop menu, you’ll see options to:
Open the page in another browser
Change the User Agent signature to others, to test applications
Show Web Inspector
Show Error Console
Show Snippet Editor
Disable Site-Specific Hacks
The Web Inspector is a terrific way of examining the page elements, as well as checking resource use for pages and debugging script, as shown in Figure 10-26. Moving your mouse over any of the elements shades the element in the page, making it easier to spot. The right window shows the current style setting for the element.
Most of the other options work within the Web Inspector, including the Error Console.
where your application is spending its time. It is compatible with the
console.profile methods described
with Firefox, and provides a nice interface to view the results. Figure 10-29 demonstrates a
profile of a small Canvas application.