Skip to content

Instantly share code, notes, and snippets.

@angeld23
Last active March 9, 2024 03:23
Show Gist options
  • Select an option

  • Save angeld23/b01dd2ef14cd53fc3735fa88f68b7aef to your computer and use it in GitHub Desktop.

Select an option

Save angeld23/b01dd2ef14cd53fc3735fa88f68b7aef to your computer and use it in GitHub Desktop.
Remove Twitter Blue Promotions: Removes the "Get Verified" box on the Home page and the "Verified" button on the sidebar
// ==UserScript==
// @name Remove Twitter Blue Promotions
// @namespace https://d23.dev/
// @version 1.1
// @description Removes the "Get Verified" box on the Home page and the "Verified" button on the sidebar
// @author angeld23
// @match *://*.twitter.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=twitter.com
// @grant none
// ==/UserScript==
"use strict";
(() => {
/**
* Calls the provided callback when the document is loaded
*/
function onReady(fn) {
if (document.readyState != "loading") {
fn();
}
else {
document.addEventListener("DOMContentLoaded", fn);
}
}
/**
* Waits for Element added as a descendant of `parent` that matches `selector`.
*/
function waitForElement(parent, selector, callback, runOnce = true) {
const elementNow = parent.querySelector(selector);
if (elementNow) {
callback(elementNow);
if (runOnce) {
return;
}
}
const observer = new MutationObserver((records) => {
records.forEach((record) => {
record.addedNodes.forEach((parentElement) => {
if (parentElement instanceof Element) {
parentElement.querySelectorAll(selector).forEach((element) => {
if (runOnce) {
observer.disconnect();
}
callback(element);
});
}
});
});
});
observer.observe(parent, {
childList: true,
subtree: true,
});
}
onReady(() => {
waitForElement(document, "aside[aria-label='Get Verified']", (element) => {
setTimeout(() => {
element.parentElement?.remove();
}, 100);
}, false);
waitForElement(document, "a[aria-label='Verified'][href='/i/verified-choose']", (element) => {
setTimeout(() => {
element.remove();
}, 100);
}, false);
});
})();
@ASPJulien

Copy link
Copy Markdown

Doesn't work for me on firefox 114.0.1 with Windows 11 and tampermonkey :(
image

@angeld23

Copy link
Copy Markdown
Author

Doesn't work for me on firefox 114.0.1 with Windows 11 and tampermonkey :( image

The way it selects the elements is based off the expected value of the aria-label attribute in English, so with other languages it won't work. You can change the aria-label selectors on line 55 and line 58 to the ones for your language and it should work.

@Glitch3dPenguin

Copy link
Copy Markdown

Works great! Thank you!

@ASPJulien

ASPJulien commented Jun 12, 2023

Copy link
Copy Markdown

Doesn't work for me on firefox 114.0.1 with Windows 11 and tampermonkey :( image

The way it selects the elements is based off the expected value of the aria-label attribute in English, so with other languages it won't work. You can change the aria-label selectors on line 55 and line 58 to the ones for your language and it should work.

Thanks you a lot!

@Alumx

Alumx commented Jun 12, 2023

Copy link
Copy Markdown

Thank you for blessing us 🙏

@skymen

skymen commented Jun 12, 2023

Copy link
Copy Markdown
/**
     * Calls the provided callback when the document is loaded
     */
    function onReady(fn) {
        if (document.readyState != "loading") {
            fn();
        }
        else {
            document.addEventListener("DOMContentLoaded", fn);
        }
    }
    /**
     * Waits for Element added as a descendant of `parent` that matches `selector`.
     */
    function waitForElement(parent, selector, callback, runOnce = true) {
        const elementNow = parent.querySelector(selector);
        if (elementNow) {
            callback(elementNow);
            if (runOnce) {
                return;
            }
        }
        const observer = new MutationObserver((records) => {
            records.forEach((record) => {
                record.addedNodes.forEach((parentElement) => {
                    if (parentElement instanceof Element) {
                        parentElement.querySelectorAll(selector).forEach((element) => {
                            if (runOnce) {
                                observer.disconnect();
                            }
                            callback(element);
                        });
                    }
                });
            });
        });
        observer.observe(parent, {
            childList: true,
            subtree: true,
        });
    }
    onReady(() => {
        waitForElement(document, "a[href='/i/verified-choose']", (element) => {
            if (element.parentNode && element.parentNode.nodeName.toLowerCase() === 'nav') {
                element.remove();
            } else if (element.parentNode && element.parentNode.parentNode) {
                element.parentNode.parentNode.remove();
            }
        }, false);
    });

This should work without relying on the language of the user. It just detects the href and decides which one it is based on the tag of its parent

@oscoDOTblog

Copy link
Copy Markdown

gigachad behavior

@Muip1234

Copy link
Copy Markdown

I've installed this and it's been running flawlessly for the last few days. However, when I went to go onto Twitter today, it wouldn't even load when I had the code running in TamperMonkey. Could this mean Elon's blocked it?

@ASPJulien

ASPJulien commented Jun 16, 2023 via email

Copy link
Copy Markdown

@skymen

skymen commented Jun 16, 2023

Copy link
Copy Markdown

It still works fine on my end. I don't see how Elon could block a tampermonkey script 🤔
Does it print an error in the console?
You could also change it's execution start up and put it on context menu and see if it works like that maybe

@GuessWh0seBack

Copy link
Copy Markdown

this now breaks the site

@Muip1234

Copy link
Copy Markdown

I think the reason why it's weird is that there's a new "Communities" tab, which I don't believe was there when this code was made. So maybe something to do with that being added is messing with it, but I'm too tired to look at the code to figure out why. Also, I just love how there's a new tab that gets added to the already clustered sidebar every 5 minutes, and that you'll practically never use it. I also love how it's a shitty, clunky scroll bar instead of literally anything else.
image

@skymen

skymen commented Jun 16, 2023

Copy link
Copy Markdown

Ah yeah communities tab hasn't appeared for me.

Paste the HTML content of the page on pastebin if you want and I can maybe see what broke

@tunamayo04

Copy link
Copy Markdown

I think they might have added a check that blocks the loading of content if the Twitter blue ads aren't there, somewhere in the lifecycle of the website. I got it working again by adding a 400ms timeout before removing the elements. Not ideal but it's better than nothing. It's the only solution I found.

@Trollider76

Copy link
Copy Markdown

yeah twitter doesn't load when using this extension

@Oinite12

Oinite12 commented Jun 18, 2023

Copy link
Copy Markdown

The userscript prevents the site from loading, however when I disable the userscript, then load Twitter, then reenable the userscript, Twitter stays up even when browsing through the site, and the userscript still works.

EDIT: nevermind it doesn't work like this for me anymore

@skymen

skymen commented Jun 19, 2023

Copy link
Copy Markdown
/**
     * Calls the provided callback when the document is loaded
     */
    function onReady(fn) {
        if (document.readyState != "loading") {
            fn();
        }
        else {
            document.addEventListener("DOMContentLoaded", fn);
        }
    }
    /**
     * Waits for Element added as a descendant of `parent` that matches `selector`.
     */
    function waitForElement(parent, selector, callback, runOnce = true) {
        const elementNow = parent.querySelector(selector);
        if (elementNow) {
            callback(elementNow);
            if (runOnce) {
                return;
            }
        }
        const observer = new MutationObserver((records) => {
            records.forEach((record) => {
                record.addedNodes.forEach((parentElement) => {
                    if (parentElement instanceof Element) {
                        parentElement.querySelectorAll(selector).forEach((element) => {
                            if (runOnce) {
                                observer.disconnect();
                            }
                            callback(element);
                        });
                    }
                });
            });
        });
        observer.observe(parent, {
            childList: true,
            subtree: true,
        });
    }
    onReady(() => {
        waitForElement(document, "a[href='/i/verified-choose']", (element) => {
            setTimeout(()=> {
                if (element.parentNode && element.parentNode.nodeName.toLowerCase() === 'nav') {
                    element.remove();
                } else if (element.parentNode && element.parentNode.parentNode) {
                    element.parentNode.parentNode.remove();
                }
            }, 2000);
        }, false);
    });

I finally got the new twitter. It seems like they are detecting if the divs are missing and are starting a infinite loop that lags the page and crashes it.

Anyway, I just added a timeout before removing the element and also, made the script load on document-end instead of document-start

@angeld23

angeld23 commented Jul 6, 2023

Copy link
Copy Markdown
Author

I went ahead and added a 100ms delay before the element removal which seems to bypass that page-crashing infinite loop some mouthbreather at Twitter added. Let's hope the little lord boy Musky Elon doesn't demand they patch it again

@BombasticMecha

Copy link
Copy Markdown

Seems they did patch it again, hasn't been working since last night.

@Trimint123

Copy link
Copy Markdown

Well, it's buffered forever again.

@Glitch3dPenguin

Copy link
Copy Markdown

It is still not working any longer. 🔢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment