This extension can hide or remove selected elements on a page. Useful for removing invasive adverts, banners and overlays.

Latest Version

Version
3.7.0
Update
April 15, 2024
Size
79.91KiB
Developer
Category
Users
9,000+
Rating
4.54545 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ContextMenus
Tabs
Storage
WebNavigation
See more

Hide That! Extension

The primary feature of this extension allows users to hide any element on the page with a simple right-click menu action.

Advanced features on the Options page also allows the user to automatically close invasive popup windows, as well as automatically hide selected elements when the page is loading.

Several other customizable settings are also available on the Options page.

NOTE:
- The primary right-click functionality of this extension does not permanently hide the element. Any page refresh will bring back the full page as intended. To automatically hide elements when loading a page please try the ‘Automatic Hiding’ feature on the Options page.
- Once the extension is added to Chrome, any pages you already have open will need to be refreshed for the extension to start working.
- The icon menu for chrome extensions should display to the right of the address bar (a puzzle piece).


-- UPDATE NOTES --

3.7.0 (13th April 2024):
- Added ability to close “about:blank” popups when opened from a specified website.
- Displays “unsaved changes” warning message on the Options page.

3.6.0 (14th April 2023):
- Migrated to new Chrome extension manifest version 3.

3.5.0 (18th November 2022):
- Added \"Show Auto Hidden\" button in the icon menu to redisplay automatically hidden elements.
- Added \"Rerun Auto Hide\" button in the icon menu to rerun automatic hiding.

3.4.0 (8th September 2022):
- Added a user-friend option for the Automatic Hiding feature in the icon menu (“Set Auto Hide”) which will automatically generate the necessary element selectors for all your hidden elements on the current page.
- Set newly added items as green, to indicate they are unsaved.

3.3 (21st March 2021):
- Switched to using Chrome's local storage for storing the settings data (instead of syncing the data to your Google account). This allows for a higher data storage limit.

3.2 (31st December 2020):
- Allow user to disable/enable individual automatically hidden sites or elements.

3.1 (22nd December 2020):
- General improvements and bug fixes
- Added option to show/hide help text on the Options page.

3.0 (29th November 2020):
- Added new ‘Automatic Hiding’ feature on the Options page.
- Split the ‘Advanced Features’ section on the Options page into the ‘Automatic Closing’ section and the new ‘Automatic Hiding’ section.
- Improved help text and advanced feature explanations.
- I apologise if any of your Option settings for this extension were reset upon upgrading to version 3.0.

2.2 (6th September 2020):
- Added new 'Export Settings' section to the Options page. This will allow a user to import/export their settings.

2.1 (9th January 2020):
- Enhanced the 'Advanced Features' option that closes listed popup sites. There is now a dropdown list that displays the address of recent new tabs or popups. This means the user doesn't have to manually capture the initial address of the popup site.

2.0 (December 2019):
- Added new 'Advanced Features' section to the Options page.
- Added 'Advanced Features' option that can immediately close listed popup sites.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Hide That!", "description": "This extension can hide or remove selected elements on a page. Useful for removing invasive adverts, banners and overlays.", "version": "3.7.0", "icons": { "16": "HideThatIcon_16x16.png", "32": "HideThatIcon_32x32.png", "48": "HideThatIcon_48x48.png", "128": "HideThatIcon_128x128.png" }, "background": { "service_worker": "service-worker.js" }, "content_scripts": [{ "matches": [""], "js": ["lib/jquery-3.6.1.min.js", "content.js", "common.js"], "run_at": "document_start" }], "action": { "default_icon": "HideThatIcon_16x16.png", "default_popup": "popup.html" }, "options_page": "options.html", "permissions": [ "contextMenus", "tabs", "storage", "webNavigation" ]}
Read more

How to download and manually install Hide That! extension for Chrome

Looking for a way to install Hide That! extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Hide That! extensions manually, this article outlines two simple methods to effortlessly install Hide That! extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Hide That! extension and manually install through Drag &Drop

If you ever need to manually install a Hide That! extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Hide That! Extension by clicking the "Download CRX" button on the website.

Look for the Hide That! extension you wish to install. Go to the website and download the Hide That! extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Hide That! extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Hide That! extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Hide That! extension for Chrome and install in Developer Mode

This is another method to install Hide That! extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Hide That! extension file

Select and download the Hide That! extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Hide That! extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Hide That! extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Hide That! extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Hide That! extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

ElementHider Extension · Productivity 9,000+ 66 ★ 52.98KiB

icon

Click to Remove Element Extension · Productivity 9,000+ 532 ★ 28.63KiB

icon

Content Blocker Extension · Productivity 9,000+ 15 ★ 85.56KiB

icon

Nukem Extension · Accessibility 9,000+ 45 ★ 44.5KiB

icon

Kill Button Extension · Developer Tools 9,000+ 1 ★ 6.4KiB

icon

Vanishing Wand Extension · Accessibility 9,000+ 10 ★ 35.02KiB

icon

Hide My Web Extension · Productivity 9,000+ 6 ★ 98.01KiB

icon

Snip - Remove Web Elements Extension · Productivity 9,000+ 43 ★ 66.54KiB

icon

Remove Element Extension · Developer Tools 9,000+ 34 ★ 7.09KiB

icon

Remove HTML Elements Extension · Productivity 9,000+ 16 ★ 36.19KiB

icon

RemoveThis! Extension · Productivity 9,000+ 21 ★ 38.72KiB

icon

removeanything Extension · Developer Tools 9,000+ 6 ★ 11.31KiB

icon

Element Eraser Extension · Developer Tools 9,000+ 2 ★ 68.14KiB

icon

Hide it now! Extension · Accessibility 9,000+ 8 ★ 28.92KiB

icon

Remove Element From Dom Extension · Developer Tools 9,000+ 2 ★ 40.78KiB

icon

Remove Element Extension · Productivity 9,000+ 8 ★ 178KiB

icon

BlurPage Extension · Productivity 9,000+ 5 ★ 26.36KiB

icon

Content Edit & Blur Extension · Productivity 9,000+ 18 ★ 158KiB

icon

Nuke Anything Extension · Productivity 9,000+ 14 ★ 53.12KiB

icon

Filter Anything Everywhere Extension · Productivity 9,000+ 69 ★ 198KiB

icon

ContextDeleter Extension · Productivity 9,000+ 33 ★ 292KiB

icon

Blurry - Blur unwanted content Extension · Productivity 9,000+ 9 ★ 48.57KiB

icon

Blur It Out Extension · Fun 9,000+ 18 ★ 49.38KiB

icon

Hide Anything - Element Hider for Chrome™ Extension · Productivity 9,000+ 4 ★ 30.18KiB

User reviews

icon

Huan Nguyen (ID: 000000e34491f2ef) Voted 4 ★ - Updated 10/18/2023 Work well but it would be great if it can hide the address bar as well.

icon

Ryan Medland (ID: 00000014bf5d92d5) Voted 5 ★ - Updated 10/16/2023 simple but very powerful plug in, Love it!

icon

BeHappyBeVegan (ID: 0000006e17143d68) Voted 1 ★ - Updated 07/12/2023 doesn't work

icon

BJ Samuelson (ID: 00000031497988bf) Voted 5 ★ - Updated 05/15/2023 Great extension! I was able to use this to block the spoiler scores that AppleTV posts all over MLS Season Pass: https://tv.apple.com/* class*="score"

icon

Hcujon # (ID: 0000006dfb58dc5b) Voted 5 ★ - Updated 04/13/2023 Amazing, very convenient and just feels nice.