Filed: Web Developer Tools
By default, when you use Apple Safari the Develop Menu is not visible and you do not have the ability to use the web developer tools when browsing and developing websites. The web developer tools ( Web Inspector )in Safari are getting pretty decent with cool tools like:
- Elements - Inspect and view CSS and HTML Elements by navigating Document Object Model ( DOM )
- Resources - View browser request showing download times and sizes
- Scripts - Javascript Debugging, etc.
- Profiles - Javascript Profiler
- Databases - Manage Offline Databases
Enabling the Web Developer Tools in Safari is as easy as:
- Choosing Safari Menu Option
- Choosing Preferences...
- Choosing the Advanced Tab
- Enabling “Show Develop menu in menu bar“
Make sure the checkbox is checked as shown below:
Now that the Develop menu appears on your Apple Safari Menu bar you can go ahead and enable the Web Inspector, which will provide you some nice web developer tools while you are developing your websites.
Hope this helps.
David Hayden