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.
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.
blockedWordscontaining phrases used for filtering.removeDiscoverMorefunction performs the core removal logic:data-testid="cellInnerDiv"attribute.removeElementsfunction is a helper function used to remove elements efficiently:display: noneinstead of complete removal to avoid triggering Twitter's re-rendering.removeDiscoverMoreinitially to remove existing elements.removeDiscoverMorefunction is re-executed to remove any newly added elements containing blocked phrases.