Skip to content

Safari articles

Safari 3.1 includes developer tools  

Safari 3.1 has just been released and besides the partial CSS3 (fonts) and partial HTML5 (media tags, off-line storage) support there are some new developer tools included.

Safari has had a hidden Debug menu for some time and WebKit featured developer tools but with 3.1 Apple have unleashed them to the masses.

Head into Preferences > Advanced and choose Show Develop menu in menu bar to get this new Develop menu.

It includes:

  • Open Page With (Internet Explorer, Firefox 2/3, Camino, MobileSafari etc.)
  • User Agent switching
  • Show Web Inspector (inspect element)
  • Show Error Console (including HTML errors)
  • Show Network Timeline (like Firebug’s network view)
  • Show Snippet Editor
  • Disable Caches/Images/Styles
  • Disable JavaScript/Runaway JavaScript Timer/Site-specific hacks

Here’s the Network Timeline in action on OS X:
Screen-shot of Safari 3.1's Network Timeline on Mac OS X

There are some odd drawing issues within the snippet editor and inspecting from the inspector on Windows but with this, Firebug and Internet Explorer 8’s Developer Tools we’re spoilt for choice!

And no, it doesn’t pass the rather abstract Acid3 test

Testing web sites with the iPhone SDK  

Apple’s iPhone SDK is now available in beta format for free download (running your apps on a real iPhone is a one-time $99 charge).

The 2.1GB download contains the full XCode 3.1 environment for Mac app development but also an extra 22MB of iPhone-specific SDK goodness including an iPhone simulator named Aspen Simulator (perhaps the code-name for iPhone). Whilst most of the iPhone’s apps are absent you can still access settings, photos, Safari and contacts.

Besides the cool idea of creating real iPhone apps you can also use Mobile Safari to test your sites on an iPhone – very cool! Here’s in the simulator when twisted round 90′. rendered on the iPhone


Great free system tools for Mac OS X  


Deeper takes you further that System Preferences and provides access to a number of extra options such as Finders graphical effects, layout, spacing and menus, as well as some extra options for Dashboard, Dock, Expose, Login and more.

As an extra cool treat you can also select a screen-saver to be your desktop background just to show off how smooth, slick and system-deep the transparency, scaling and hardware acceleration go in OS X.


I’ve commented before on how I like the Mac’s simple installation mechanism that involves just dragging a folder out of the disk image to where you want it, or in some cases running a package but uninstalling should be just as simple. Thanks to AppTrap it is.

AppTrap watches your Trash and if it detects an application being disposed of asks you if you would like to remove the support files. Great.

0xED Cocoa hex editor

Every hardcore user needs a hex editor from time to time and 0xED is free and very capable.

Features include unlimited file size, interpreting bytes as strings in a variety of encodings, or as integers, floats, doubles and support both big and little endian bytes.

0xED also supports a plug-in mechanism so you can write your own custom data types. The plug-in page includes one for interpreting four bytes as an IP address (v4).


Until I can get my hands on a Hitachi’s 200GB/7200 replacement internal drive for my MacBook Pro I’m stuck having to prune my photo, music and applications in order to make space.

Most Mac applications now ship in Universal format which means they contain binaries for both PowerPC and Intel architectures. Drag one of these applications to TrimTheFat and it will remove the part your current machine doesn’t need.


SafariStand is a plug-in that lets you tweak tweak Safari’s behaviour such as applying alternative stylesheets, disabling JavaScript, Java or images, modifying encoding and minimum font sizes on a site-by-site basis as well as enhancing the bookmarks with colours and categories, disabling animated GIFs and FavIcons.

If you need a reason to install this try Hicksdesign’s Google Reader Theme to make Google Reader look much more like a Mac application.

The Unarchiver

The Mac’s built-in BOMArchiveHelper is a useful decompressor for archives but for when it can’t handle a format turn to The Unarchiver.

Thanks to the libxad library it uses formats include: Zip .zip, RAR .rar, 7-Zip .7z, LhA .lha .lzh, StuffIt .sit, BinHex .hqx, MacBinary .bin, .macbin, Gzip .gz, .gzip .tgz, .tar-gz, BZip2 .bz2, .bz, .bzip2 .tbz .tbz2, Tar .tar .gnutar, Unix compress .z .taz .tar-z, ACE .ace, Microsoft CAB .cab, Comic Book .cbz .cbr, Linux RPM .rpm, DiskDoubler .dd, Self-Extracting .sea .exe, CPIO .cpio .cpgz, Pax .pax, HA .ha, Amiga disk image .adf, .adz .dms .dcs .pkd .xms .zom, Amiga archive .f .lzx


Safari for Windows surprises: return of YellowBox?  

Whilst Apple’s Safari appearing on Windows isn’t all that surprising given the number of Windows-related patches to WebKit/KHTML they committed back the actual release has a few surprises.

Apple say the reason for Safari on Windows is to give users another slice of Apple pie. I think the real motive is likely to be that they want developers and designers on Windows to test with Safari and therefore improve compatibility for Mac users. Being that before this there wasn’t a single KHTML-based browser for Windows outside the Cygwin environment it’ll achieve just that.


The download weighs in at 7.9MB compared to Firefox’s 5.7MB and Internet Explorer’s 14.8MB (all English-only versions). That 7.9MB isn’t bad considering it also bundles in Apple’s Software Update and Bonjour plug-and-play networking (share bookmarks with other people on your LAN).


Safari for Windows preferences screenshot The interface takes a similar route to iTunes on Windows – namely render a Mac-like interface but with the Application menu removed and it’s contents scattered elsewhere (Preferences to Edit, About to Help etc.)

The first noticeable difference is the text is rendered different, it’s font smoothing Mac style. The second is the way modal dialogues slide out of the parent like a sheet.

The real “oh” is in preferences where some of what lies beneath starts to show through.

Where iTunes went with Windows controls against a Mac layout Safari has gone a step further and used Mac OS buttons, check-boxes, radios and the graphical style preferences tabs. The only time you realise you are on Windows is when you go to choose a font or colour and are presented with the standard inferior Windows dialogues.

Beneath the surface

Heading into the C:\Program Files\Safari directory shows us the program files and a few surprises namely DLLs that appear to wrap up some of Cocoa’s programming libraries – namely CoreFoundation, CoreGraphics and CFNetwork which all at first glance expose quite possibly APIs for a YellowBox revival.

For those not in the know OpenStep applications (the basis for Apple’s Cocoa programming system) used to run on Windows. In fact Apple’s WebObjects system comprised of a ProjectBuilder programming system that was Cocoa-on-Windows known as YellowBox.

YellowBox died a death because some of it included expensive-to-licence components such as the Display PostScript rendering system therefore preventing a free runtime. Now that Apple have wiped that out with their own free Quartz engine…

Language support

Language support is English only at the moment but the standard resource plumbing system used in Mac OS X is there. I wonder if you can just copy the Mac folders to Windows to make other languages available? If not, I’m sure they’ll be in soon.

Free fonts

Apple have included TrueType fonts of the Mac OS X system fonts known as Lucida Grande and Lucida Grande Bold in the C:\Program Files\Safari\Safari.resources folder.

Drag them into your Windows fonts folder and enjoy them everywhere :)