If you're a web developer on the Mac, you may be sick of everyone talking about Firefox add-ons that do seemingly everything. True, Firefox is a great browser that is very expandable, but I love Safari, and I want to do as much web development on Safari as possible. The Firefox add-on feature that I missed the most in Safari was Disable Styles and Disable Javascript, both of which are super-easily done in Firefox via the Web Developer Plug-in. With the advent of Safari 3, disabling CSS and Javascript can be done with a couple of (user definable) keystroke combinations.
To gain control over JavaScript and CSS in Safari, open its preferences, and switch to the Advanced tab. Check the box labeled 'Show Develop menu in menu bar.' You should now see the Develop menu; if you activate it, you'll see a number of options for disabling certain web features, including CSS and JavaScript. Now you can use the Keyboard System Preferences panel to assign keyboard shortcuts to anything in this menu, as you would with any other menu item. I assigned Shift-Command-S to Disable Styles, and Shift-Command-Option-S to Disable Javascript. Obviously, you can create shortcuts for anything else in the Develop menu using the same technique.
[robg adds: I extensively modified the above hint, shortening it quite a bit and rewriting the how-to section. If you'd like more details on precisely how to create the keyboard shortcuts, including screen shots of each step, you can read the original version of the hint in the author's blog entry.]
To gain control over JavaScript and CSS in Safari, open its preferences, and switch to the Advanced tab. Check the box labeled 'Show Develop menu in menu bar.' You should now see the Develop menu; if you activate it, you'll see a number of options for disabling certain web features, including CSS and JavaScript. Now you can use the Keyboard System Preferences panel to assign keyboard shortcuts to anything in this menu, as you would with any other menu item. I assigned Shift-Command-S to Disable Styles, and Shift-Command-Option-S to Disable Javascript. Obviously, you can create shortcuts for anything else in the Develop menu using the same technique.
[robg adds: I extensively modified the above hint, shortening it quite a bit and rewriting the how-to section. If you'd like more details on precisely how to create the keyboard shortcuts, including screen shots of each step, you can read the original version of the hint in the author's blog entry.]
•
[11,326 views]

