☰

adblockblockblock

Remove anti-adblock

// ==UserScript==
// @author         @shitchell
// @namespace      https://github.com/shitchell
// @license        wtfpl
// @name           adblockblockblock
// @version        0.0.5
// @description    Remove anti-adblock
// @match          *://*/*
// @exclude-match  *://*.google.com/*
// @exclude-match  *://*.youtube.com/*
// @grant          none
// @run-at         document-start
// ==/UserScript==

// This script is under active development. I will update this with more class names
// used by modals I come across used to block the page. Warning: this script MIGHT
// break some pages. It basically searches for any elements which contain a certain
// string in their class names and then follows their parent tree up to see if that
// matching element or any of its parents have a z-index > 50. I might increase that
// z-index if 50 is too low and accidentally removes intentional, desired elements,
// and I might have to implement more sophisticated logic than the above if it ends
// up destroying many elements we'd rather keep. Please drop a comment with the link
// to any page this breaks (although hopefully that number is tiny to nil)!

var DEBUG = false;
var VERIFIED_ELEMENTS = [];
var TRIGGER_ZINDEX = 5000;
var REMOVED_ELEMENTS = 0;

function debug(...message) {
    if (DEBUG) {
        let timestamp = new Date().toISOString().replace(/T/, ' ').replace(/\..+/, '');
        let prefix = `[adblockblockblock] ${timestamp} --`;
        console.log(prefix, ...message);
    }
}

function removeAdblockblock() {
    'use strict';
    debug("Running...");

    //
    /// Search for the following common classes used by modals that block the page
    ////
    let pageBlockerClasses = [
        'overlay' // this definitely needs to be updated with more classes........
    ];
    let pageBlockerStyles = [
        'z-index'
    ]
    debug("Searching for page blockers...", pageBlockerClasses, pageBlockerStyles);
    let blockerCandidateElements = [];
    for (const pageBlockerClass of pageBlockerClasses) {
        // Find all elements which contain the class name
        let candidateElementsContainingClass = document.querySelectorAll(`[class*="${pageBlockerClass}"]`);
        candidateElementsContainingClass.forEach(pageBlockerElement => {
            // Add the element to the list of page blocker elements
            blockerCandidateElements.push(pageBlockerElement);
        });
    }
    for (const pageBlockerStyle of pageBlockerStyles) {
        // Find all elements which contain the style
        let candidateElementsContainingStyle = document.querySelectorAll(`[style*="${pageBlockerStyle}"]`);
        candidateElementsContainingStyle.forEach(pageBlockerElement => {
            // Add the element to the list of page blocker elements
            blockerCandidateElements.push(pageBlockerElement);
        });
    }
    debug("Found candidate blockers", blockerCandidateElements);
    for (let blockerCandidateElement of blockerCandidateElements) {
        debug(`Checking element "${blockerCandidateElement.tagName}" with class "${blockerCandidateElement.className}"`, blockerCandidateElement);

        // Store the original element so that we can cache/skip it if we've already verified it
        const originalBlockerCandidateElement = blockerCandidateElement;
        let blockerCandidateVerified = true;

        // Check if we've already verified this element
        if (VERIFIED_ELEMENTS.includes(originalBlockerCandidateElement)) {
            debug(`Element "${blockerCandidateElement.tagName}" with class "${blockerCandidateElement.className}" has already been verified`, blockerCandidateElement);
            continue;
        }

        // Check the z-index and position of the element and its parents
        while (blockerCandidateElement) {
            if (
                blockerCandidateElement.tagName === 'BODY'
                || blockerCandidateElement.tagName === 'HTML') {
                // If we get to the top, the element is not blocking the page
                break;
            }

            // Check the z-index and position
            let computedStyle = window.getComputedStyle(blockerCandidateElement);
            let position = computedStyle.getPropertyValue('position');
            let zIndex = computedStyle.getPropertyValue('z-index');
            if (
                (position === 'fixed' || position === 'absolute' || position === 'sticky')
                && zIndex !== 'auto' && zIndex > TRIGGER_ZINDEX
            ) {
                // If the element has a position and z-index that would block the page, remove it
                debug(`Removing element "${blockerCandidateElement.tagName}" with class "${blockerCandidateElement.className}" and z-index "${zIndex}"`, blockerCandidateElement);
                blockerCandidateElement.remove();
                blockerCandidateVerified = false;
                REMOVED_ELEMENTS++;
                break;
            }

            // Move on up the DOM tree
            blockerCandidateElement = blockerCandidateElement.parentElement;
        }

        // Cache the element if it was verified
        if (blockerCandidateVerified) {
            debug(`Element "${originalBlockerCandidateElement.tagName}" with class "${originalBlockerCandidateElement.className}" has been verified`, originalBlockerCandidateElement);
            VERIFIED_ELEMENTS.push(originalBlockerCandidateElement);
        }
    }

    //
    /// Double check the html, body, and content elements to ensure content is not hidden
    ////
    // only check if we removed elements to help ensure that overflow isn't
    // meant to be hidden on the page for normal functionality
    if (REMOVED_ELEMENTS > 0) {
        let overflowHiddenElements = document.querySelectorAll('html, body, #content, main, section');
        for (const overflowHiddenElement of overflowHiddenElements) {
            let computedStyle = window.getComputedStyle(overflowHiddenElement);
            let overflow = computedStyle.getPropertyValue('overflow');
            debug(`Overflow of element "${overflowHiddenElement.tagName}" with class "${overflowHiddenElement.className}" is "${overflow}"`, overflowHiddenElement);
            if (overflow.indexOf('hidden') !== -1) {
                debug("Setting overflow to 'initial !important'...", overflowHiddenElement);
                overflowHiddenElement.style.setProperty('overflow', 'initial', 'important');
            }
        }
    }

    debug("Done");
}

(function() {
    'use strict';

    // Remove the adblockblock
    removeAdblockblock();

    // Remove the adblockblock if the page changes
    let observer = new MutationObserver(removeAdblockblock);
    observer.observe(document, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style'] });
})();