Element Remover with Memory

WHAT IT DOES

Element Remover with Memory is a browser extension that lets you remove any element on a webpage by clicking on it while in removal mode. Unlike simple element hiders, this tool removes elements from the DOM entirely, eliminating them from the page structure. Removed elements are stored per site using CSS selectors and automatically reapplied on page load, so you don't have to remove the same elements again. The tool supports undo for the current session, allowing you to restore accidentally removed elements. You can view a list of all removed elements for the current site, restore individual elements, or clear all removals. The tool is ideal for removing unwanted popups, ads, cookie banners, overlay elements, and any other page components that interfere with your browsing experience.

WHERE IT RUNS

Element Remover with Memory runs on any webpage, overlaying a floating panel that does not interfere with page content. It operates entirely in your browser as a lightweight userscript, using DOM manipulation to remove elements and CSS selectors for persistence. It works on any page, whether static or dynamic, with no external dependencies. All removed element data is stored locally using GM_setValue—no data is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. Click the "Remove Elements" button to enter removal mode—your cursor changes to a crosshair. Move your mouse over any element on the page to see it highlighted with a red outline. Click the highlighted element to remove it instantly—the element is removed from the DOM and added to the removed elements list for the current site. Press the Escape key to exit removal mode without removing anything. The panel displays a list of all removed elements for the current site, showing their CSS selectors. To restore an element (without a page refresh), click the "Undo Last" button to restore the most recently removed element. To restore a specific element, click the ↩ button next to it in the list (this removes it from the list and requires a page refresh to see the element reappear). Click "Clear All" to remove all removed elements from the list (refresh the page to see all elements restored). All removed elements persist across page reloads automatically.

REAL MECHANISM — WHY THIS WORKS

Most element removal tools hide elements using display: none, which leaves the element in the DOM and can cause layout issues or memory leaks. Element Remover with Memory uses a different approach: it removes elements from the DOM entirely using parentNode.removeChild(). When an element is clicked in removal mode, the tool generates a unique CSS selector for that element using a path-based algorithm that traverses up the DOM tree, combining tag names and nth-of-type indices. The tool then stores this selector in a persistent array in GM_setValue, keyed by the site's hostname. On page load, the tool retrieves the stored selectors and uses document.querySelectorAll() to find and remove all matching elements from the DOM. The undo functionality stores removed elements in a session stack, allowing the tool to reinsert them using parentNode.insertBefore() or appendChild(). This approach ensures elements are completely removed from the page structure, reducing clutter and improving performance, while maintaining persistence across page loads. The separation between the in-memory removal and the stored selector list ensures that undo works without affecting the persistent state.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view removed elements. Press the Escape key to close the panel instantly (or to exit removal mode). The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position and all removed element data—are saved per domain for a seamless experience.

PLEASE NOTE

Element Remover with Memory requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The tool generates CSS selectors based on the page structure at the time of removal. If the page structure changes significantly (e.g., a website redesign), the selectors may no longer match the intended elements. In such cases, you can clear all removals and refresh the page. Unlike Element Hider, this tool removes elements from the DOM completely, which may affect page functionality if critical elements are removed. Use with caution. All removed element data is stored locally in your browser using GM_setValue. No page content, element data, or usage information is ever sent to any server. The extension does not read, store, or transmit any personal information. It only reads the DOM to identify elements and removes them locally at your request.