DOM をいじる UserScript を雑に作る手法

まず、冪等になるように操作を書いた上で setInterval で高速に実行しまくる、という手法を最近よく使っている。

code:js

(function() {

'use strict';

setInterval(() => {

// DOM に対してなんか色々操作する…

// たとえば、特定の要素のテキストに prod が含まれていたら body の背景色を赤にする、など

}, 500);

})();

たとえば JS で fetch されるものが置かれるようなページに対し、要素の監視や通信のフックなどといった面倒なことをしなくてもいいので便利。

ただし、冪等な操作、というのはかなり強い制約なので使えないことも多いでしょうね。

React とかだとたまに壊れるのが困る