Select Language:
If you’re trying to find a way to get rid of a website’s cookie consent banner, here’s a straightforward solution that works well. Sometimes, these banners stay on the page, and they can be a bit annoying, especially if you’re trying to browse smoothly or record what’s on your screen.
One simple way to hide this banner is by using your web browser’s developer tools. Don’t worry, it’s easier than it sounds. Here’s what you need to do:
- First, open the page where the cookie consent banner appears.
- Right-click on the banner and select “Inspect” (or “Inspect Element” depending on your browser). This will open the developer tools panel.
- Use the tool to find the part of the code that contains the banner. Usually, it’s a
<div>or<details>element with a distinctive class. - Once you’ve identified the right element, right-click on it in the developer view.
- Choose “Delete element” or you might see an option called “Hide element” (depending on the browser). This will remove the banner from view without affecting the rest of the website.
Alternatively, you can write a quick script to hide the banner automatically every time the page loads. Here’s a simple example you could add in your browser console:
javascript
document.querySelectorAll(‘div[class=”cookie”] , details[class=”consent”] ‘).forEach(function(element) {
element.style.display = ‘none’;
});
This script looks for elements that have “cookie” or “consent” in their class names and hides them. You might need to tweak the selectors a little based on the webpage you visit.
Remember, this is a temporary fix. The banner might reappear if you refresh or revisit the page. For a more permanent solution, you could consider using a browser extension that automatically blocks or customizes webpage elements.
By following this method, you should be able to eliminate those annoying banners and enjoy a cleaner browsing experience.
ChatGPT
Perplexity
Gemini AI
Grok AI
