Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.
Remove annoying page overlays and other elements
A lot of websites these days get covered with overlays and crammed with lots of ads and other things that make it hard to just read the content of the page.
To get rid of an annoying overlay, or any other element for that matter:
- Open DevTools (press F12).
- Start the inspect tool by clicking the pointer icon in the DevTools toolbar.
- On the webpage, select the element which you want to remove. As you hover elements, they will get highlighted. Use this highlight to make sure you're selecting the right element.
- Now, with the element selected in the Inspector/Elements panel, just press Delete on your keyboard to remove the element.
Credits go to Chris Heilmann for this tip and other cool DevTools tips for non-developers, which you can find here: web cheatcodes.