simov / styler Goto Github PK

Manifest V3 will prevent external script / style execution.
I wonder if this is considered OK for Styler.

If so, it would be great to see an updated version of the extension on Google Chrome.

Hey! As I'm working with CSS, the inspector gets bigger, and bigger, and more unreadable the more changes I make, because every time I change the CSS, it adds a new block without removing the old block.

If you could remove the old CSS after injecting new CSS, that would be fantastic.

(To avoid too much unnecessary repaint, we should first inject the new CSS, THEN remove the old stuff.)

Add this code to the inject of the CSS:

// Label our new element, so it can be removed later.
style.setAttribute('class', 'Styler-CSS');  

// Get every **.Styler-CSS** except the last one.
var oldElements = document.getElementsByClassName('Styler-CSS');
oldElements = oldElements.splice(oldElements.length - 1); 
if (oldElements.length > 0) {
     // If there is at least one **oldElement**, remove them all.
     Array.from(oldElements).forEach(element => element.remove());
}