Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Going Further with HTML Next Steps

Sylvanus Bawie
Sylvanus Bawie
2,271 Points

how do you view the dev tools with safari ?

Do you have to do this using Xcode ?

4 Answers

moorbilt
moorbilt
2,281 Points

Right click; Inspect Element.

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Hi there,

Unless you are absolutely restricted to using Safari, I would strongly recommend using Chrome for your Development, especially while learning here on Treehouse. Pretty much all instructors and courses are taught using Chrome, so it will be much easier to follow along if you are also using Chrome. Also, Safari really is not designed for Development, and in my opinion, is just a sub-par browser all together.
Chrome is a free download.

I use Chrome (occasionally Firefox) for everyday use, and only Chrome for Development. If you must use Safari, you can check out the Apple Docs on how to enable the Developer tools, because they are not usually active by default.

Keep Coding! :) :dizzy:

Use the developer tools in the Develop menu in Safari on Mac

If youโ€™re a web developer, the Safari Develop menu provides tools you can use to make sure your website works well with all standards-based web browsers.

If you donโ€™t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select โ€œShow Develop menu in menu barโ€.