Element Deleter is a browser extension that allows users to interactively remove elements from web pages. It provides a simple and intuitive way to clean up cluttered websites, remove unwanted content, or customize your browsing experience.
- Toggle Deletion Mode: Toggle on/off element deletion mode
- Custom Cursor: Custom cursor indicating active deletion mode
- Visual Feedback: Hover highlighting of elements
- Effortless Removal: One-click element removal
Option 1: Install it using Chrome Webstore //Haven't published it yet.
Option 2:
- Go to the Release page of this repository.
- Download the latest
.crxversion from there. - Once downloaded, drag and drop it onto the browser, it will automatically install itself.
Option 3:
- Clone this repository or download the ZIP file.
- Open your browser's extension page (e.g., chrome://extensions for Chrome).
- Enable Developer Mode.
- Click "Load unpacked" and select the extension directory.
- Click the Element Deleter icon in your browser toolbar to open the popup.
- Click the "Enable Deleter" button to activate the deletion mode.
- Hover over elements on the webpage. They will be highlighted with a red outline.
- Click on a highlighted element to delete it from the page.
- To stop deleting elements, open the popup again and click "Disable Deleter".
demo.mp4
demo.mp4
This extension is built using vanilla JavaScript, HTML, and CSS. The main components are:
manifest.json: Extension configurationpopup.html&popup.js: User interface for enabling/disabling the deletercontent.js: Core functionality for element highlighting and deletioncursor.png: Custom cursor image, also stored at PostImage uploade link
To modify the extension:
- Edit the relevant files.
- Reload the extension in your browser to see the changes.
Contributions are welcome! Please feel free to submit a Pull Request.
Use this extension responsibly. Deleting elements may break the functionality of some websites. The changes are temporary and will be reset when you refresh the page.