This little Safari extension lets you hide (“nuke”) any element on a web page quickly and easily. Hidden elements do not take up space on the page. Changes are temporary; if you reload the page, the hidden elements will be visible again.
So, what’s it good for? Perhaps the best use of QuickNuke is to remove unwanted parts of a page before printing it. And there are times when something on a web page just really bugs the crap out of you, but you don’t want to bother setting up an AdBlock rule for that element because you don’t plan to visit that site ever again.
Speaking of AdBlock, I don’t want to duplicate its functionality—so there are no plans to implement persistent element hiding in a future version of QuickNuke. If that’s what you’re looking for, you might give Quickstyle a try.
Oh, by the way—QuickNuke has one other feature, which is sort of the opposite of its main purpose: You can use it to “isolate” an element on the page—that is, to hide everything except that element. This can be useful when you really want to focus on one thing, or when you want to print just one thing, like an article body or a table. This feature is only accessible using the “extended mode” (see below).
How to use
There are two ways to use QuickNuke. The first method (“Quick Mode”) is best suited to quickly hiding a single element, while the second method (“Extended Mode”) is better for hiding several elements one after another.
Method 1 (Quick Mode)
- Click the element you want to remove, and keep the mouse button down.
- Press D. A magenta highlight will appear around the targeted element, showing you exactly which element will be hidden.
- Release the mouse button to hide the element.
There are a couple of things you can do while the mouse button is still down. You can:
- Press D to target the element’s parent element. Press D repeatedly to target ancestors higher up the chain.
- Press E after pressing D to go back down a generation.
- Press R or Esc to cancel the whole operation.
Method 2 (Extended Mode)
- Press Command-Option-K to enter extended mode. (You can change this hotkey in the extension manager.)
- Move the mouse over the element you want to hide. A magenta highlight will appear on the element under the mouse.
- Press the space bar to hide the highlighted element.
- Highlight and hide additional elements as desired.
- When done, press Esc to exit extended mode.
As in the Quick method, you can press D to target the highlighted element’s parent, or press E to get back to its child element. Also, you can press Enter to hide the currently highlighted element and exit extended mode at the same time.
To isolate an element, highlight it and press I. When you want to exit isolation mode, press Esc or click the Return button at the top of the page.
Finally, you can restore all nuked elements on the page by using the context menu command, Restore All Nuked Elements.
QuickNuke has an optional toolbar button that’s hidden by default. The button initiates (or exits) extended mode. To enable it, you have to customize your toolbar. Right-click the toolbar, select “Customize…”, and drag the QuickNuke button (it looks like a fat X) to your toolbar.