javascriptでページに変更があれば再読込したい

Question

javascriptでページに変更があれば再読み込みをしたいです！
ですが、ifなどでやっても#documentがついてきてるせいで毎回再読込してしまいます
方法を教えて下さい。
コードは

function ajaxUpdate() {
 url = location.href;
 var ajax = new XMLHttpRequest;
 var element = document;
 ajax.open('GET', url, true);
 ajax.onload = function () {
  console.log(document.body.innerHTML);
  console.log(ajax.responseText);
  if (ajax.responseText != element){
   console.log("変更あり");
   window.location.reload(true);
  }
  setTimeout(function () {
   ajaxUpdate();
  }, 10000);
 };
 ajax.send(null);
}
window.addEventListener('load', function () {
 setTimeout(function () {
  ajaxUpdate();
 }, 10000);
});

です
なお、アクセス先はphpのため、1時間に1回変更が加わります。
一応動作するよう、scriptタグのsrcで読み込む際に、ver=1.0を指定しております。
phpで作成したチャットサービスを運営しております、荒らしがきた際に、自動でブロックされるのですが、そのあと、自動で再読み込みをしないと送信できてしまします。
そのため、ブロックされていればアクセス不可能のページが表示されますが、再読込した場合のみです。

Comments

[m.ts10806]

意味が分からないです。
「変更」ってなんでしょう
自身が試したコードでも提示されればまだ推測もできないことでもないのですけど。
質問は編集できるので適宜ご対応ください

Answer 1

ページに変更があれば

この条件をどのように認識するのか、が鍵になるかと思います。

• 生成されたDOMをすべて読み込み、比較する。
• ページの動的更新時をトリガーにする。

認識方法が定まれば、
例えばJavaScriptにて外部JavaScriptファイルを読み込むことなどで実現可能です。

if(条件)
{
    var script = document.createElement('script');
    script.src = "import.js"; // 読み込ませたいJavaScriptファイルへのパス
    document.head.appendChild(script); // headに<script src="import.js"></script>を生成
}

Answer 2

最終的に、ajaxで最新のページを10秒に1回取得するようにし、比較して、変更があればlocation.reloadを実行するようにしました。
ありがとうございました。