1秒ごとにキーワードのページをスキャンするのが効率的ですか？

Question

私は自分自身といくつかの友人のために個人的なuserscriptに取り組んでいます。ユーザースクリプトは、ページ上のキーワードをブロックするために使用されます。

var filter = ["worda", "wordb", "wordc"]; 
var found = false; 

var check = 
    function() { 
     //Stores the content of the head and body in the document. 
     var head = $("head").html(); 
     var body = $("body").html(); 


     $.each(filter, function(index, item) { 
      if ((head + body).toString().toLowerCase().contains(item.toLowerCase())) { 
       window.clearInterval(interval); 
       console.log("Found: " + item); 
       found = true; 
       return false; 
      } 
     }); 

     if (found) { 
      $("body").hide(); 
      var originalTitle = $(document).prop("title"); 
      $(document).prop("title", "Blocked"); 

      window.setTimeout(function() { 
       if (confirm("This page contains a blocked keyword, are you sure you'd like to continue?")) { 
        $(document).prop("title", originalTitle); 
        $("body").show(); 
        return; 
       } 
      }, 1); 
     } 
    }; 

そして私が毎秒を通して繰り返すように設定します：

var interval = window.setInterval(check, 1000); 

私はページを毎秒チェックを再度理由私が使用してページ上のキーワードを検索するには

新しいコンテンツがJavascriptを介して動的に作成されている可能性があります。また、フィルタされていることを確認する必要があります。

しかし、これがキーワードのページをスキャンする最も効率的な方法であるかどうか、またはページ全体を再確認する必要のないより効率的な方法があるかどうかを知りたいと思います新しい要素を再チェックする）。

また、私はできる限り低い間隔をプッシュしたいと思います（私は約100msと考えていますが）、これは非常にリソースにやさしいかどうか分かりません。

ありがとうございました。

Answer 1

ページの内容を定期的にスキャンすることは、問題に対する非効率的なアプローチです。それは言われている、もしそれが1秒に1回だけ走っているならば、それはおそらく大きな問題ではないでしょう。

まだ、より良い選択肢があります。 MutationObserverインターフェイスを使用すると、ドキュメントまたはドキュメントの一部が変更されたときにイベントを発生させることができます。これはあなたがやろうとしていることに最適です：