Is there a development tool plugin for Safari much like how there exists the Firebug plugin for Firefox?
8 Answers
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.
-
1Note this is Mac-only. There's no Web Inspector built into the Windows release :(– JongosiCommented 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– JongosiCommented Sep 10, 2014 at 21:17
-
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?– KrunalCommented Dec 31, 2013 at 5:50
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:
-
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.– JordiCommented 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.– user2703728Commented 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.– JordiCommented Jul 25, 2016 at 9:40
Other than the builtin developer tools, there is none that i know of. You might, however, be able to use Firebug Lite.
-
-
There is more info at developer.apple.com/technologies/safari/developer-tools.html– crazy2beCommented Sep 19, 2010 at 22:41
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!
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.
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!
If you want firebug for Safari, you just have to go to the apple extensions and search for Firebug
-
1