50Projects-HTML-CSS-JavaScript : Ads blocker extension

[tajulafreen]

Add Basic Ad Blocker Extension

Description

This PR introduces a browser extension to block advertisements on web pages.

Features

• Ad Blocking: Removes common ad elements using selectors and a MutationObserver.
• Whitelist Management: Add/remove websites where ads are allowed.
• Toggle: Enable/disable the ad blocker via popup.
• Persistent Data: Saves whitelist data in localStorage.
• User Interface: Clean and simple popup design.

Files Added

• manifest.json
• popup.html, popup.css, popup.js
• content.js
• Icons folder

Testing Steps

1. Load the extension in chrome://extensions/.
2. Test the ad-blocking functionality on various websites.
3. Verify whitelist and toggle features.