RSS

Tip: Add Reload button to Safari 4 Bookmarks Bar

by Isaac D. Lim on Sat, Jun 27, 2009

Apple, Development, Mac



Many people love the redesigned and ‘cleaned-up’ UI of Apple’s Safari 4, which had its Beta tag removed during Phil Schiller’s WWDC Keynote. I, for one however, just hate two things: the unnecessary “Add Bookmark” plus button attached to the left of the URL bar, and the relocation of the stop/reload button to the left of the URL bar. Not that it is a fundamental design flaw, but after years of being used to Safari 3’s button arrangement, change is hard.

Just yesterday I published a post to a link on macosxhints.com that allows you to get rid of the “+” button. So that problem is solved. What about the reload button then? Sure, you can still do a “Cmd-R”, but for those who prefer navigating with their mouse alone, here’s a cool tip to somewhat solve your problem!

I’m sure I’m not alone in this respect, and so I figured, “Hey, what about the bookmarks bar?” That’s close enough to the old positioning of the reload button, and simple javascript bookmarks act well as faux browser extensions. So, drag any of the following buttons to the far left of your bookmarks bar, and you’ve got a simple javascript reload button just half an inch away from where the old one used to be! I’ve even been nice enough to create different designs using the “Special Characters…” dialog box in all Cocoa applications.
 

 

javascriptreload

If anyone is curious, the javascript I used here is the blindingly-simple:

javascript:location.reload(true)

I apologize if anyone has already come up with this, but I thought it was a simple temporary workaround until Apple tweaks it, or someone reverse engineers the toolbar NIB file in the Safari package. =)

, , , , , ,

22 Comments For This Post

  1. micmoo Says:

    thanks a lot! I hated not having refresh on the left!!!

  2. richsadams Says:

    Awesome! Thanks!!

  3. Lars Says:

    Cool. Thanks.

  4. Jay Says:

    Thanks, this is really appreciated !
    Not having the refresh button really bothered me.

  5. Jonathan Says:

    Thanks! I have many of these for folders and javascript-lets to take up less room, don’t know why I didn’t think of doing this too. – It is amazing how hard it is to retrain yourself after years of moving your mouse to the same location for a reload. It is maddening being forced to go the other way.

  6. Bruce Triggs Says:

    Nice! I used a little unicode “recycle” symbol on mine. ♲ It’s not legible, but it amused me.

    Now if only we could get back the “address-loading progress-bar.” That really bothers me.

  7. Steve Jawbz Says:

    I don’t know what my HI engineers have been thinking. To put ONE button on the opposite of the window is completely stupid. I have to wonder if their college diplomas are legit.

    You take some time off to get a new liver and look what happens…

    I apologize for the inconsistencies. But don’t worry, I’ll get things fixed up ship shape in no time.

  8. elldove Says:

    To put the old reload/stop button back in Safari 4’s toolbar download this: http://rapidshare.com/files/251157788/saf4reloadhack.zip.html

    go to Safari, show package contents. go to Contents/Resources and copy the three reload button tifs included with the zip. then go to /Resources/English.lproj and copy in the toolbaritems.nib (replace the existing item, after backing it up)

    It works just like in Safari 3, reloading and stopping a loading website. The only missing ingredient is I couldn’t get the button icon to change to a “stop” while a webpage is loading.

    enjoy

  9. elldove Says:

    oops, uploaded the wrong link. Also make sure you go to customize toolbar, in Safari, and grab the new button. http://rapidshare.com/files/251162891/saf4reloadhack.zip

  10. Isaac D. Lim Says:

    @elldove Nicely done. That’s what I was talking about reverse engineering the nib file! I’ve been trying that for awhile without success. Well done!

  11. mrmodifier Says:

    Wow! thanks so much, what a handy little script that is :) you rock!

  12. awarre Says:

    Thank You elldove

  13. cbong69 Says:

    many thanks. Just one more request : can I have more than 1 refresh button on the bookmark bar??? Internet is kind of slow here so I’m going to put it everywhere in the bookmark bar :)

  14. Isaac D. Lim Says:

    Yeah, sure you can! Just drag and drop as many as you like. Haha.

  15. mick Says:

    Thanks man…… your a lifesaver. And to apple ”what can I say but……WTF…….were u thinking ?”

  16. Paul Says:

    Apple Safari takes more resources compared to Opera and Firefox. sometimes it also freezes so i would still stick to Opera.

  17. richard Says:

    Great hack but it replaces my add bookmark button (+). Any way to keep bookmark button and add refresh?

  18. Mikeyevs Says:

    Brilliant – so simple but so effective, many thanks.

  19. chan romero Says:

    @elldove
    This is great but unfortunately does not work in Tiger.
    There is a separate item called ToolbarItemsTiger.nib and the item does not show up there. I tried renaming your ToolbarItems.nib to ToolbarItemsTiger.nib and then the button did show up in the customize menu, however other important buttons (back/forward most importantly) were now missing.

  20. Dave A. Says:

    An added benefit of adding the javascript refresh button? Safari seems to load GIF animations better. And for those stubborn pages where the gif still won’t animate, a simple click of the newly installed refresh button gets it in gear far better than Apples refresh button.

    This is VERY helpful for me, especially when viewing weather page satellite animations which used to load and play properly with Safari 3.x but not with Safari 4.x.

    Thanks!

  21. clare Says:

    Thank you!!

  22. james braselton Says:

    hi there wow i thought it was the same problem as i have becuase my book marks delete affter 24 hours is there any way in any menu too fix this thanks

4 Trackbacks For This Post

  1. Create a Reload button on Safari 4’s bookmarks bar | dv8-designs Says:

    [...] with their mouse alone, here’s a cool tip to somewhat solve your problem! So, drag any of the buttons from my post to the far left of your bookmarks bar, and you’ve got a simple JavaScript reload button, just [...]

  2. Create a Reload button on Safari 4’s bookmarks bar | Apple Stuff Says:

    [...] drag any of the buttons from my post to the far left of your bookmarks bar, and you’ve got a simple JavaScript reload button, just [...]

  3. Truco: Añade un botón de recarga en Safari | Soy de Mac Says:

    [...] Y si no os gusta ponerle ‘Recargar’, aquí os dejo unos iconos que he visto en TQB que podéis usar para añadirlo a vuestro nuevo [...]

  4. Add A Refresh Button To Safari 4 | Robot Forest Says:

    [...] doing a little searching around, I found a site that listed a nice little work around to the problem. Basically, from what I could find it [...]

Leave a Reply