36

Is there a development tool plugin for Safari much like how there exists the Firebug plugin for Firefox?

8 Answers 8

84

Firebug is great, but Safari provides its own built-in development tools.

If you haven't already tried Safari's development kit, go to Safari-->Preferences-->Advanced, and check the box next to "Show Develop menu in menu bar".

Once you have the Develop menu enabled, you can use the Web Inspector to get a lot of the same functionality that Firebug provides.

3
  • 1
    Note this is Mac-only. There's no Web Inspector built into the Windows release :(
    – Jongosi
    Commented Aug 29, 2014 at 20:08
  • 1
    @Jongosi this is not mac only available for windows too, & I using that, it has firebug ad-on for safari as well. :) Commented Sep 8, 2014 at 4:21
  • 3
    @Aamir You are right! It's there under Advanced settings. Thanks
    – Jongosi
    Commented Sep 10, 2014 at 21:17
2

http://getfirebug.com/lite/Safari.html

http://getfirebug.com/firebuglite

1
  • I have added firebuglite, but seems that it doesn't work. Can you advise how to start inspecting element? I have tried all method but it doesn't worked. Can you advise how to start it?
    – Krunal
    Commented Dec 31, 2013 at 5:50
1

Why do you want to use Firebug if Safari already comes with great Developer tools? :)

As Matt said, you can enable them from the preferences menu.

Here you will find an overview, summarized, of the Safari's Web inspector, and how to use it:

4
  • I´m not against Firebug. Was just answering the question and showing what you can do with the developer tools in Safari. I like Firebug, pretty much like the other developer tools in Chrome, Safari and even IE.
    – Jordi
    Commented Oct 30, 2014 at 2:37
  • No Jordi, Chrome, Safari & IE developer tools do not even come close to the power of Firebug: it is immensely powerful and I for one would struggle to work without it.
    – user2703728
    Commented Mar 27, 2015 at 16:17
  • “Then, multiply the ignorance of that question by 100. Then, you’re not even close to the ignorance of the question in this answer” It is okay to have an opinion. It is NOT okay to be rude whilst having an opinion. I’ve used both Firebug and Safari Developer tools and, surprisingly, can use both quite effectively. There was nothing wrong with Jordi’s answer. There was a LOT wrong with your comment. Commented Jul 24, 2016 at 20:03
  • @FeloneousCat thx! I just ignore those kind comments to be honest. No point in wasting time.... and agree, I just tend to use the built-in developer extensions cause it is just quicker, whatever it is Safari, Firefox, IE or Chrome.
    – Jordi
    Commented Jul 25, 2016 at 9:40
0

Other than the builtin developer tools, there is none that i know of. You might, however, be able to use Firebug Lite.

2
0

The Safari built in dev tool is great. I have to admit that Firebug on Firefox is my long time favorite, but I think that the Safari tool do a great job too!

0

I work a lot with CSS panel and it's too slow in Safari Web Inspector. Apple knows about this problem and promise to fix this bug with freezes, except this thing web tools is much more powerful and convenient than firebug in mozilla, so waiting for fix.

0

Firebug lite plugin in Safari extensions didn't work (it's made by slicefactory, I don't think it's offical). btw, #2 works for me!

-1

If you want firebug for Safari, you just have to go to the apple extensions and search for Firebug

Firebug

1
  • 1
    "0 results found for 'firebug'" Commented Sep 29, 2016 at 11:38

Not the answer you're looking for? Browse other questions tagged or ask your own question.