Top 5 Chrome Extensions to Block Page Elements

Top 5 Chrome Extensions to Block Page Elements
You will often come across websites with page elements that really annoy you. There can be huge navigation bars that stay at the top of the browser window, distracting social media widgets that follow you, or massive sign-up forms that appear repeatedly without warning. .

Chrome extensions block elements featured "width =" 1392 "height =" 824 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https: // 1574189575 1392w, assets / 2019/11/246162 / Chrome-Extensions-Block-Elements-Featured_191119_223121_935adec67b324b146ff212ec4c69054f.png? 1574189576 700w,, I need the same thing

The other day, I found a huge header on an e-book portal online. It took a considerable portion of real estate screen and was a source of great visual pollution. That's when I looked for ways to eliminate the monstrosity.

And with Chrome, extensions can help solve any problem. So, not only have I found one, but five extensions that minimize unwanted Web elements. Let them check.

1. Origin of the lock

uBlock Origin is an excellent ad-blocking extension for Chrome, and perhaps the best in terms of performance. But its functionality does not stop there. On the contrary, uBlock Origin also comes with a phenomenal blocker of elements that works perfectly.

Once the extension is installed and activated, simply right-click on a web page and select Block Item from the pop-up menu.

Chrome extension block elements 1 "width =" 881 "height =" 587 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https: // 1574229439 881w, https: //cdn.guidingt assets / 2019/11/246174 / Chrome-Extensions-Block-Elements-1_191120_105053_935adec67b324b146ff212ec4c69054f.png? 1574229440 700w, -Elements-1_191120_105053_40dbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb they they also themselves

You can then move the cursor and the extension will automatically extend the items you can block. Make your choice, click Create, and the selected item must be permanently blocked.

You can also manage blocked items using the uBlock Origin dashboard. Right-click the uBlock Origin extension icon, click Options, and then click My Filters. You can then delete previously blocked items from the filter list.

See also  How to Customize the Notification Center on Mac
Chrome Extensions Block Elements 2 "width =" 968 "height =" 572 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https : // 1574229444 968w, https; assets / 2019/11/246205 / Chrome-Extensions-Block-Elements-2_191120_111340_935adec67b324b146ff212ec4c69054f.png? 1574229446 700w, -elements-2_191120_111340_40dd5eab97016030a3870d712fd9ef0f.png? 1574229447 500W, 340W

Overall, uBlock Origin should help you to easily block any unwanted page elements. But, again, the extension also blocks ads. Do not forget to put your favorite sites in the whitelist. You can also choose to disable ad blocking filters and use it only as an item blocker.

2. Click to remove the item

Click to remove Element basically offers the same blocking features as uBlock Origin, although it does not block ads. And it works as its name indicates.

After installing the extension, just click on the icon of the extension. You can then move the cursor around it, and the extension will highlight all items that can be blocked in a page. Click on an unwanted item and the extension should block it immediately.

Chrome extension block elements 3 "width =" 695 "height =" 350 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https: // 1574229449 695w, https; assets / 2019/11/246176 / Chrome-Extensions-Block-Elements-3_191120_105057_40dd5eab97016030a3870d712fd9ef0f.png? 1574229453 500w, -Elements-3_191120_105057_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1574229453 340w

Blocked items will appear in the Click area to delete an item in the lower right corner of the screen. If all seems well, then you can choose that the extension "memorize" your changes during subsequent visits.

3. ChuckIt

ChuckIt is another fantastic blocker of elements very easy to use. After installation, simply click on the ChuckIt icon next to Chrome's address bar and you'll be able to instantly delete items with a simple right-click. And it's pretty fast as it does because there are no menus or contextual boxes to handle anything.

See also  How to create a Design Preset or a Theme in PowerPoint

However, not all changes you make are permanent. But it's perfect for use on sites you do not frequent too often. For example, you can easily get rid of auto-play videos on random sites you've just discovered in a few clicks.

4. ElementHider

ElementHider differs from the extensions you have covered above. Rather than point and click on the item you want to delete, you should instead insert keywords.

Simply enter the keywords (general or specific) that an item may contain and ElementHider will automatically block them on all sites, whether it's Facebook posts, Twitter tweets, results Google search, news articles, etc. You can also choose to erase items instead of blocking them.

Chrome extension block elements 4 "width =" 695 "height =" 443 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https: // 1574229454 695w, assets / 2019/11/246207 / Chrome-Extensions-Block-Elements-4_191120_111405_40dd5eab97016030a3870d712fd9ef0f.png? 1574229456 500w, -Elements-4_191120_111405_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1574229456 340w

The extension is quite easy to use. Click on the ElementHider extension icon, insert the keywords and you should be ready to go. You can also choose to make the keywords case-sensitive or case-insensitive.

Although ElementHider does not have the same visual appeal as other extensions, it is ideal for blocking items that contain similar types of content without having to process them repeatedly across multiple sites.

5. CustomBlocker

CustomBlocker looks complicated, but it's actually quite easy to use. Although you can choose to add the rules yourself (provided you are familiar with HTML and CSS), using the built-in element selector is the most convenient.

See also  5 Microsoft Defender Tips and Tricks to Get Started

Click the CustomBlocker extension icon, and then click Suggest in the Items to Hide section. You can then easily click on any item you want to block in a web page. It should be added automatically as a rule.

Chrome extension block elements 6 "width =" 695 "height =" 584 "data-size =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https: // 1574229458 695w, https: x Assets / 2019/11/246178 / Chrome-Extensions-Block-Elements-6_191120_105100_40dd5eab97016030a3870d712fd9ef0f.png? 1574229461 500w, -Elements-6_191120_105100_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1574229462 340w

You can also refine the filter rules using keywords. For example, if there are several similar items in the page, insert relevant keywords to determine what you want to block.

Good riddance

The above extensions should help you effectively manage online all kinds of ridiculous web elements. uBlock Origin, Click to remove an item and ChuckIt work better if you prefer a visual approach to blocking items, while ElementHider and CustomBlocker allow a different approach using keywords. So, what was your favorite of the lot? Let us know in the comments.

Then: Do you have too many extensions installed in Chrome? Here are five great job managers who can help you manage them easily.

Leave a Reply

Your email address will not be published. Required fields are marked *

4 + 15 =