About this extension

Extension for reducing distractions on X 🐦

I created a simple Chrome extension to avoid distractions with "Discover More" on X. For those who have difficulty keeping their focus, like me, it disturbs them so much.

The extension occults the "Discover More" function, improving the browsing experience.

Developer comments

How it Works

The script defines an array called blockedWords containing phrases used for filtering.
The removeDiscoverMore function performs the core removal logic:
- It selects all elements with the data-testid="cellInnerDiv" attribute.
- Iterates through these elements in reverse order for proper removal.
- For each element, it checks the heading text for any blocked word.
- If a blocked word is found, the function removes the current element and all its following siblings with the same test ID.
The removeElements function is a helper function used to remove elements efficiently:
- It finds the index of the element within its parent node.
- It hides all following siblings using display: none instead of complete removal to avoid triggering Twitter's re-rendering.
The script calls removeDiscoverMore initially to remove existing elements.
Finally, a MutationObserver is created to monitor the DOM for changes. Whenever the DOM structure changes (e.g., new elements are added), the removeDiscoverMore function is re-executed to remove any newly added elements containing blocked phrases.

Rate your experience

Report this add-on

Used by