twitter demetricator script on top of ublock origin extension scriptlets injection feature

scriptlets-1700000000.js

/// x.com.js
function twitter_demetricator() {
  // inspired by
  // https://chrome.google.com/webstore/detail/abcocamcgfjfdcpfopgpadihhbjbdcem
  console.log("starting twitter demetricator ...");
  const spans = document.querySelectorAll('span[data-testid="app-text-transition-container"]');
  spans.forEach(span => {
      const firstChildSpan = span.querySelector('span');
      if (firstChildSpan) {
          const grandsonSpan = firstChildSpan.querySelector('span');
          if (grandsonSpan) {
              const value = grandsonSpan.innerText;
              grandsonSpan.innerText = '';
          }
      }
  });
  let aElement = document.querySelector('a[href$="/verified_followers"]');
  let firstSpan = aElement.querySelector('span');
  let grandsonSpan = firstSpan.querySelector('span');
  grandsonSpan.innerHTML = '';
  aElement = document.querySelector('a[href$="/following"]');
  firstSpan = aElement.querySelector('span');
  grandsonSpan = firstSpan.querySelector('span');
  grandsonSpan.innerHTML = '';
  console.log("finishing twitter demetricator ...");
}
document.addEventListener('keydown', function(event) {
  if (event.key === '/') {
    twitter_demetricator();
  }
});
// do not leave blank spaces in this file, as that would cause an error when the scriptlet is injected into the browser

steps.md

Important

still works as 2024-05-24 (who knows in the future 🤷‍♂️ 😅)

steps

• install ublock origin extension
• go to settings
• go to advanced section
• click on I am an advanced user

• go to advanced settings
• change userResourcesLocation to a filepath which you can change at your demand and avoid caching, e.g. in linux file://localhost/home/your-username/scriptlets-$(echo "${EPOCHSECONDS}").js

...
   updateAssetBypassBrowserCache false
           userResourcesLocation file://localhost/home/your-username/scriptlets-1700000000.js

• on file file://localhost/home/your-username/scriptlets-1700000000.js add the content from file scriptlets-1700000000.js here
• go to my filters
• add line

! ... lines before (this is a comment line) ...
x.com##+js(x.com.js)
! ... lines after (this is a comment line) ...

• refresh any site with x.com
• you should see the change when pressing /

---

huge inspiration from Twitter Demetricator, thanks for it @bengrosser

ps: I was inspired because of this need 😅