Disable Styles and Javascript in Safari with Keyboard Shortcuts - How To
Now Safari’s just as cool as FirefoxIf 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.
The 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 Plugin.
With the advent of Safari 3, disabling CSS and Javascript is as simple as a keystroke combination of your choice!
Step 1: Open Safari Preferences
Go to the Safari menu in the menu bar and select “Preferences…” from the menu.
Step 2: Select ‘Show Develop menu’
Advanced Tab of Safari PreferencesIn the Advanced Tab of Safari Preferences,
check the box at the bottom of the window that says “Show Develop menu in menu bar”
Now that you have activated the Develop menu, you have the ability to manually turn on and off
styles and javascript. Next, we will automate the process using a keyboard shortcut
Step 3: Open the Keyboard & Mouse Preference Pane
Go to your System Preferences (Apple Menu > System Preferences…) and choose “Keyboard & Mouse”.
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
Disable Styles Shortcut in the Keyboard & Mouse MenuChoose 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)
Step 6: Create a shortcut for Disable JavaScript
Disable JavaScript Shortcut in the Keyboard & Mouse MenuRepeat Steps 4 and 5, but this time–in Step 5–type in ‘Disable JavaScript’. Make sure you capitalize the ‘S’ in ‘JavaScript’ or it won’t work. Here, I’ve chosen the keyboard combination of ‘Command + Option + Shift + S’.
Step 7: Make sure the shortcuts work
Develop Menu is ChangedNow return to the “Develop” menu in Safari, and you should see both “Disable Styles” and “Disable Javascript” now have keyboard shortcuts assigned to them. If so, you’re ready to use the shortcuts, and disable Styles and JavaScript to your heart’s delight!
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.
