Apple’s Human Interface Guidelines for Resizing and Zooming Windows explain that the zoom button isn’t actually supposed to expand the window to fill the screen, but toggle the window between a standard application-defined size and a user-defined size.
But there are 100’s of users that just want to Click on the Green button and want the page to Fill the Screen & same effect for the Red button to re-size and make the window a smaller size.
This can be done fairly easily with some javascript.
Step 1 . Add Any page to your Bookmark – once added right click the bookmark name & Click Edit Address
Step 2. Paste the javascript in the address section & rename it to whatever you like (ex : Max,Full, <->)
Step 3. Once Finished Click on the Bookmark and your Safari Screen should Fill Entire Screen.
Step 4. Do the same Process for Zoom Out – As well.
Scripts To Be Copied – Note you can test these by simply copying them and pasting them into the address bar & then Hit enter to see the effect.
Maximize –
javascript:self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight);
Small Screen –
javascript:self.resizeTo(1024,%20screen.availHeight%20*%20.9);self.moveTo((screen.availWidth
%20-%201024)%20/%202,%20screen.availHeight%20-%20screen.availHeight%20*%20.95);
Examples :
Bookmark Edit Screen – Add The JavaScript & Rename the Bookmark
Possible names something Small like “Max” “Zoom” “Fill”
What i used is – For Maximize – <-> For Small window- ><
BookMarks on Menu – Bar
To Maximize or Make the Window Small all you have to do is Click on the Bookmark Name & Valla!
If Max is clicked – Safari will fill your entire screen.
If Zoom Out is clicked – Safari will be Re-sized to a smaller size.
Note: Due to Safari 4 Release This method does not work when a Tabbed session is opened. hopefully update will be out soon.