Treehouse: Grow your CSS skills. Land your dream job.

Safari VS Firefox

  • .V1
    # June 19, 2008 at 5:07 am


    A few days ago, I have gotten my new Mac Book pro, after poking around some of my contacts i got access to Safari 4.0 Developer preview. And as u all might know, firefox 3.0 has been released. Yay for them… Long waited release, that is stuffed with bugs and wierd crashes, but what ever thats not my point here.

    I want to discuss what is better for development.

    We all know firefox has firebug and nearly all web developers have that installed (atleast the pro’s :p )
    Now i was toying around with Safari and its debug panel and i must say.. Safari has done a great job with it.

    It works better than firebug, as it doesnt crash the browser.. I wonder what your personal preferences are when it comes to debugging websites.. I have come to a point now that i will ditch firefox and firebug due the large scale of bugs and crashes, slow loading, performance issues, cosmetic issues usablity and readablity. I think Safari has beaten FF in all angles there.. The only thing safari doesn’t have is a big ass plugin directory like firefox has.. :)

    I can post some screenies of Safari debugger if u don’t know what it looks like.
    Or just download it your self: register = free.

    # June 19, 2008 at 3:01 pm

    I didn’t know about that Safari 4.0 Developer, I am going to give it a try! :)
    But a little pitty that Firefox 3.0 won’t work on my Tiger. Maybe it’s finally time to upgrade;)

    # June 19, 2008 at 3:57 pm

    Firefox crashes to much due wacky plugin support.
    Especially when i go to gmail if im lucky.. i can read my emails before it crashes :p

    # June 19, 2008 at 5:20 pm

    There is a known issue between Firebug and GMail. Definitely make sure that is turned off for any google site :D

    I just downloaded Safari 4 developer preview and it’s pretty cool! I didn’t know they were planning this kind of firebug-like stuff for Safari. You can click on elements in the code and see them highlighted on the page. I wish you could do it the other way around though too. Usually when I needed to do this I fired up Xyle Scope, which is also a very nice product.

    Anyway, I’m going to do some more playing around with it and I’ll post about it (maybe). I also gotta do some playing with Dragonfly (Opera’s developer tools).

    # June 20, 2008 at 3:20 am

    u can do it the other way around to. just right click on a element and do inspect element :)

    # June 20, 2008 at 9:02 am
    ".V1" wrote:
    Yay for them… Long waited release, that is stuffed with bugs and wierd crashes, but what ever thats not my point here.

    Still, you had to mention it?

    What about Safari’s CSS coverage (what specs?), and security issues vs those in Firefox? Please post links, if you have any :P

    # June 20, 2008 at 3:20 pm

    first, thanks for the heads up on the safari 4. I’ve been checking it out and it looks nice. I’m definitely used to the way firebug works, and as this isn’t the exact same, it takes a while to get used to it. I do really like the "Resources" tab.

    One thing I haven’t figured out is how to enable/disable css styling. There doesn’t seem to be an easy way like in firebug.

    I’ve been working with FF3 and it’s definitely buggy… especially with firebug. I’m sure those issues will get worked out fairly soon.

    Anyway, I don’t think I’ll ever stop using FF or firebug for that matter, but the addition to Safari will definitely help the debugging process. (although, it’s funny… 95% of the time, if something is working in FF or Safari, it’s bound to be working in the other… now, how about IE?) :)

    anyone figure out how to disable css styling (besides turning it off for the whole page)?

    # June 20, 2008 at 3:41 pm


    "oops" well they had it coming they overhyped there release with a "download record day" so i guess they rushed it much making a certain deadline..

    I dont have any information about your questions, but google is your friend.


    Your welcome, and yes the resource tab looks nice and easy to read. I love it
    I havent found a way to disable styles either. (unless deleting the whole style sheet or replacing the style with something useless.

    Ie debuging can easly be done with debugbar. (google debugbar).

    # June 20, 2008 at 4:05 pm

    Has the debugging stuff in Safari changed in v4? Because they have a pretty powerful set of developer tools right now in Safari 3 – just go to Preferences > Advanced and enable the Develop menu. If that’s what you guys are talking about, this isn’t anything new…:lol:

    # June 20, 2008 at 4:57 pm

    Debugbar is fine, but seems very limited to me, as does the safari debugger. Editing on the fly is probably the most important aspect of this type of tool (at least in my humble opinion), and it’s not there for either of them. Maybe I’m setting my expectations too high in wanting that feature in all debugging tools, but seems like a no-brainer to include it. (I read on the DebugBar forum that the developer wants to include that in future releases, but he also said that in November, so who knows.)

    # June 23, 2008 at 3:13 pm
    "jhallmusic" wrote:
    Editing on the fly is probably the most important aspect of this type of tool (at least in my humble opinion), and it’s not there for either of them.

    As of Safari 3.1, you can edit CSS on the fly like you can with Firebug – just double-click on the value.

    Firebug still bests Safari’s debug tools, though, for two reasons. One is that Safari doesn’t let you add new properties entirely – you can only edit existing ones. The other is that it still lacks a "live" inspect feature like Firebug, where you can hover over any element and instantly see its properties. In Safari, you have to right-click on an element and choose Inspect for each individually.

    # September 1, 2008 at 11:53 am

    i use both browseres as well, once i tried making firefox my mine browser because is used less memory then safari for me but i allways find myself going back to safari ,right now one feature that safari have ,that i find myself looking for in other browser is the snap back

    # September 1, 2008 at 2:18 pm

    As soon as IE has been wiped away from all the world’s computers, the Eternal Fight between Safari and Firefox will be settled. It is said that the Legendary Steve Ballmer will be chair-throwing the winner till he dies of a heart attack.

    In other words, all browsers will soon have a perfect Firebug-clone and only small rendering technicalities will seperate them from each other. If we’re to talk about CSS support, I’ll say Opera without a doubt. Else, I prefer FF3 on Win/Linux-boxes and Safari on Mac.

    # September 2, 2008 at 3:22 am

    safari has a better css support opera.. :!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.