JavaScriptとjqueryに依存しているPHP Webアプリケーションがあります。私たちは、ユーザーがコンテンツを編集できる作成/読み取り/更新/削除ページを持っています。コンテンツはAJAXを使用して追加/編集/削除されるため、フルページのリロードはありません。同じページで数時間後にウェブサイトがフリーズする
同じページで作業してから1-2時間後、ページの読み込みが遅くなり、ブラウザがフリーズします。
この問題をデバッグして修正するにはどうすればよいですか？私は実行しているjavascript関数があると思います。この種のバグを見つける方法はありますか？この場合私を助けるjsデバッグツールはありますか？
UPDATEそれぞれに
追加、44空のdiv要素は、身体に加えられます。これが重大なパフォーマンス上のペナルティを生むことがありますか？私はローカルでテストしましたが、10 000の空のdivでウェブサイトは正常に動作していましたが、100 000ではとても遅かったです。
Chromeのような最新のブラウザを使用している場合、Javascriptのデバッグは非常に簡単です。
ChromeのF12を押すとインスペクタが表示され、すべてのjavascriptログを提供するコンソールに移動できます。特定のプログラムをデバッグするには、コードにconsole.log()を追加し、そのようにデバッグします。
一般に、この問題は、古いものの一部を消去せずにDOM要素でWebページを埋めている可能性があります。数千のDOM要素のリストがある場合、ブラウザはゆっくりと動作します。
コードはありませんが、私は本当に良い答えをあなたに提供することはできません。
jsファイルがたくさんあるのでコードを提供できません。だから私はどこに問題があるか分からない。しかし、あなたの提案から、私は時々ブラウザのキャッシュ/セッションをクリアすることを考えています。 DOM要素が多すぎると深刻な問題のように聞こえます。アドバイスありがとうございます。 – Pascut
問題はありません。あなたの問題を解決しようとしています。 – Classified
ネットワークコールが行われているかどうかをネットワークタブで確認してください。 – user7325973
最近のほとんどのブラウザで提供されている非常に包括的なツール（たとえばChromeは非常に優れています）を使用してアプリケーションをプロファイルします。コンソールログの追加を開始し、ネットワークタブでajaxクエリーのパフォーマンスを監視し、クエリーが終了していないことを確認してください。任意のコードを見ることなく、誰もあなたに直接助けを与えることはできません。あなたの処分でツールを使用して、詳細なデバッグを行います。 – ADyson