Home popups

Try to close the pop-up on this page

A box covered the article and stopped you from scrolling? This shortcut tries to hide the overlay without pressing any button inside it.

On a computer, drag the button below to your bookmarks bar. Then open the page you want and use the bookmark.

Turn pop-ups off

On a phone or without a bookmarks bar? See the other ways to use this shortcut below.

How it works and when to use it

How can I use this shortcut on my phone?

On a phone, you can try saving the code as a bookmark address. Copy the code below first.

iPhone (Safari): bookmark any page, touch and hold the bookmark, choose Edit, and replace its address with the copied code.

Android (Chrome): bookmark a page. Open Bookmarks, tap the three dots beside it, choose Edit, and replace its address with the copied code.

Then open the page you want to change and use the bookmark. If it does not run from the bookmarks menu, type the bookmark's name in the address bar and select its suggestion.

Bookmark address

javascript:void(function(){document.documentElement.style.setProperty("overflow","auto","important");document.body.style.setProperty("overflow","auto","important");var nodes=document.querySelectorAll("[role='dialog'],[aria-modal='true']");for(var i=0;i<nodes.length;i++)nodes[i].style.setProperty("display","none","important");var all=document.body.getElementsByTagName("*");for(var j=0;j<all.length;j++){var el=all[j];if(el.tagName==="BODY"||el.tagName==="HTML")continue;var name=((el.id||"")+" "+(typeof el.className==="string"?el.className:"")).toLowerCase();if(/modal|popup|overlay|backdrop|lightbox/.test(name)){el.style.setProperty("display","none","important");continue;}var cs=getComputedStyle(el);if(cs.position!=="fixed")continue;var r=el.getBoundingClientRect();if(r.width>innerWidth*0.7&&r.height>innerHeight*0.7)el.style.setProperty("display","none","important");}}())

Support varies by browser and version. Some websites also block this kind of shortcut.

Another iPhone option: the Shortcuts app

In Shortcuts, create a shortcut with the Run JavaScript on Webpage action and paste the code below. Show it in the Share Sheet for Safari webpages. If prompted, allow running scripts in Shortcuts settings. Then open the page in Safari, tap Share, and choose your shortcut.

Code for the Shortcuts app

void(function(){document.documentElement.style.setProperty("overflow","auto","important");document.body.style.setProperty("overflow","auto","important");var nodes=document.querySelectorAll("[role='dialog'],[aria-modal='true']");for(var i=0;i<nodes.length;i++)nodes[i].style.setProperty("display","none","important");var all=document.body.getElementsByTagName("*");for(var j=0;j<all.length;j++){var el=all[j];if(el.tagName==="BODY"||el.tagName==="HTML")continue;var name=((el.id||"")+" "+(typeof el.className==="string"?el.className:"")).toLowerCase();if(/modal|popup|overlay|backdrop|lightbox/.test(name)){el.style.setProperty("display","none","important");continue;}var cs=getComputedStyle(el);if(cs.position!=="fixed")continue;var r=el.getBoundingClientRect();if(r.width>innerWidth*0.7&&r.height>innerHeight*0.7)el.style.setProperty("display","none","important");}}());completion();

How can I use the console on a computer?

Open the page you want to change. In Chrome, press Ctrl + Shift + J (Windows/Linux) or ⌘ + Option + J (Mac), paste the code below into the console, and press Enter.

Console code

void(function(){document.documentElement.style.setProperty("overflow","auto","important");document.body.style.setProperty("overflow","auto","important");var nodes=document.querySelectorAll("[role='dialog'],[aria-modal='true']");for(var i=0;i<nodes.length;i++)nodes[i].style.setProperty("display","none","important");var all=document.body.getElementsByTagName("*");for(var j=0;j<all.length;j++){var el=all[j];if(el.tagName==="BODY"||el.tagName==="HTML")continue;var name=((el.id||"")+" "+(typeof el.className==="string"?el.className:"")).toLowerCase();if(/modal|popup|overlay|backdrop|lightbox/.test(name)){el.style.setProperty("display","none","important");continue;}var cs=getComputedStyle(el);if(cs.position!=="fixed")continue;var r=el.getBoundingClientRect();if(r.width>innerWidth*0.7&&r.height>innerHeight*0.7)el.style.setProperty("display","none","important");}}())

The effect applies to the open page. Check what any code does before running it in the console; your browser may show a security warning.

The button hides a dialog, a modal, and the fixed layer that fills most of the window. It also restores automatic overflow. It does not click Accept, Agree, or Close.

What does it do when it finds an overlay?

Many boxes lock scrolling and cover the page with a veil. The button asks for scrolling back and hides what is marked as a dialog.

It also hides an element with modal, popup, overlay, backdrop, or lightbox in its name, and the fixed layer large enough to cover the window.

It is not a promise about every pop-up. A small box under another name can remain. Reloading brings back whatever the site wants to show.

Without pressing Accept

Hiding the box does not accept a cookie, subscribe to a newsletter, or confirm age. No button inside it is clicked.

If you need to refuse or accept for real, use the box's own control first, or the browser's control.

When something remains

A small notice in the corner, which does not cover the window, can stay. The fixed-elements tool releases what is stuck.

A page that insists on reopening the box after the click needs another click, or a reload.