Now Safari’s just as cool as Firefox
If you’re a web developer on the Mac, you may be sick of everyone talking about Firefox Addons that do everything but wipe your ass. 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.
Click on the images in the article for larger screenshots.
Step 1: Open Safari Preferences
Step 2: Select ‘Show Develop menu’
Step 3: Open the Keyboard & Mouse Preference Pane
Step 4: Click the + Button
Click on the “+” button at the bottom-left of the keyboard shortcut list to create a new shortcut.
Step 5: Create a shortcut for Disable Styles
Choose Safari from the “Application” drop down. In the “Menu Title” input, type ‘Disable Styles’ — it’s vital you type it exactly as shown in the screenshot. Next, click inside the “Keyboard Shortcut:” input box and type the keystroke combo you desire. I chose ‘Command + Shift + S’ (which is the shortcut for the Firefox Web Developer Plugin)
You now will see both your shortcuts in the Keyboard & Mouse Keyboard Shortcuts list.
Step 7: Make sure the shortcuts work
If they shortcuts do not appear in the Develop menu, make sure the capitalization and spelling are entered in to the Keyboard Shortcuts list EXACTLY as shown on the menu.
If you like this article or have a question, leave a comment below!
Tutorial Screenshot Gallery
Click on the screenshots below for a larger view (and step-by-step instructions).