GreasemonkeyスクリプトがRedditで期待どおりに動作しない

Question

次のGreasemonkeyスクリプトを作成し、すべてのWebサイトでFirefox上で実行されました。ここにスクリプトがあります。スクリプトは、基本的にページ上のすべてのリンクを取得し、リンク数を警告します。これは私が取り組んでいるプロジェクトの小さな部分です。

window.addEventListener("load", function(e) { 
      var links = window.document.getElementsByTagName("a"); 
      //window.setTimeout(function(){alert(links.length);},3000); 
      alert(links.length); 
     }, false); 

スクリプトは、いくつかのウェブサイトのために細かい実行されますが、私はredditにアクセスしたときに、スクリプトは、2リンクの代わりに、ページ上に存在するすべてのリンクを返しています。このページにあるdivsを検索しようとしたときにも、2だけ戻ってきました。

私はページソースを調べたところ、インラインJavaScriptに関するものがありました。しかし、私はそれを完全に理解できませんでした。誰も私がなぜこれは動作していない助けてくださいできますか？

おかげで、 シド

Answer 1

それはAJAXコンテンツをロードすることがあります。デバッガからコードを実行すると正常に動作します。したがって、唯一の説明は、コンテンツがloadイベントの後に存在しないということです。タイムアウト（醜いが、これは私のポイントを証明する必要があります）でそれをラッピングしてみてください。

setTimeout(testLinks, 3000); 

function testLinks() { 
    window.addEventListener("load", function(e) { 
     var links = window.document.getElementsByTagName("a"); 
     //window.setTimeout(function(){alert(links.length);},3000); 
     alert(links.length); 
    }, false); 

} 

問題がどのようなものか分かったので、このSO質問の指示に従ってAJAXイベントリスナーを作成できます。次に、新しいコンテンツが読み込まれるたびにリンク数を再計算することができます。

JavaScript detect an AJAX event