Automatically hides elements with z-index greater than specified value

Latest Version

Version
1.0.0
Update
July 9, 2024
Size
54.79KiB
Developer
Category
Users
31
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English
中文 (简体)
中文 (繁體)
See more
Permissions
ActiveTab
Scripting
Storage
See more

Hide Web Page Overlay Layer Extension

This extension has a single, clear, and easy-to-understand purpose: to hide overlay layers on web pages with a z-index value greater than a specified threshold. This helps users remove intrusive elements like floating ads and pop-up windows that interfere with their browsing experience.

Key features include:

1. Automatic Hiding: Automatically hides all elements with a z-index value greater than the specified threshold when a web page loads.
2. Manual Hiding: Allows users to manually hide these elements by clicking a button.
3. Manage Hide List: Users can add specific web pages to a hide list, so the extension will automatically apply the hiding rules on future visits.
4. Status Display: Displays in the popup whether the current page is in the hide list.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extensionName__", "version": "1.0.0", "description": "Automatically hides elements with z-index greater than specified value", "default_locale": "en", "permissions": [ "activeTab", "scripting", "storage" ], "host_permissions": [ "" ], "background": { "service_worker": "background.js" }, "icons": { "128": "icons/overlayHideIcon.png" }, "action": { "default_popup": "popup.html", "default_icon": { "128": "icons/overlayHideIcon.png" } }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "web_accessible_resources": [ { "resources": ["icons/settingIcon.png"], "matches": [""] } ], "options_page": "options.html", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }}
Read more

How to download and manually install Hide Web Page Overlay Layer extension for Chrome

Looking for a way to install Hide Web Page Overlay Layer 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 Web Page Overlay Layer extensions manually, this article outlines two simple methods to effortlessly install Hide Web Page Overlay Layer extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Hide Web Page Overlay Layer extension and manually install through Drag &Drop

If you ever need to manually install a Hide Web Page Overlay Layer 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 Web Page Overlay Layer Extension by clicking the "Download CRX" button on the website.

Look for the Hide Web Page Overlay Layer extension you wish to install. Go to the website and download the Hide Web Page Overlay Layer extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Hide Web Page Overlay Layer 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 Web Page Overlay Layer 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 Web Page Overlay Layer extension for Chrome and install in Developer Mode

This is another method to install Hide Web Page Overlay Layer 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 Web Page Overlay Layer extension file

Select and download the Hide Web Page Overlay Layer 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 Web Page Overlay Layer 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 Web Page Overlay Layer 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 Web Page Overlay Layer 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 Web Page Overlay Layer extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Snip - Remove Web Elements Extension · Productivity 31 43 ★ 66.54KiB

icon

Element Selector Extension · Developer Tools 31 1 ★ 14.3KiB

icon

Hide Fixed Elements (packaged by Denis) Extension · Productivity 31 6 ★ 26.84KiB

icon

广告屏蔽+页面元素隐藏助手 Extension · Productivity 31 29 ★ 30.47KiB

icon

Content Blocker Extension · Productivity 31 15 ★ 85.56KiB

icon

In-Tab Overlay Extension · Productivity 31 0 ★ 37.29KiB

icon

Hide My Web Extension · Productivity 31 6 ★ 98.01KiB

icon

Remove HTML Elements Extension · Productivity 31 16 ★ 36.19KiB

icon

Hide That! Extension · Productivity 31 44 ★ 79.91KiB

icon

Remove Floating Banners Extension · Productivity 31 2 ★ 25.39KiB

icon

Overlay filter Extension · Accessibility 31 0 ★ 13.15KiB

icon

Overlay Remover Auto Extension · Productivity 31 13 ★ 20.43KiB

icon

Hide That Extension · Productivity 31 1 ★ 3.91KiB

icon

ElementHider Extension · Productivity 31 66 ★ 52.98KiB

icon

Medium Banner Remover Extension · Fun 31 2 ★ 12.24KiB

icon

Pixl Purrfct Extension · Photos 31 2 ★ 13.1KiB

icon

Pixelate Extension · Productivity 31 2 ★ 47.75KiB

icon

Web Edit Extension · Developer Tools 31 6 ★ 53.63KiB

icon

Kill Button Extension · Developer Tools 31 1 ★ 6.4KiB

icon

XPath Helper for Google Chrome™ Extension · Developer Tools 31 4 ★ 212KiB

icon

Clear cache and cookies Extension · Developer Tools 31 17 ★ 240KiB

icon

Adblock Master Extension · Productivity 31 6 ★ 476KiB

icon

Nukem Extension · Accessibility 31 45 ★ 44.5KiB

icon

Hide Anything - Element Hider for Chrome™ Extension · Productivity 31 4 ★ 30.18KiB