0

多くの DOM 操作を行う素敵な Web サイトを作成しました。クロムとファイアフォックスで非常にうまく機能します。クライアントは Internet Explorer でも動作することを要求していますが。最初は最新バージョンで十分です (私の場合は 10.0.9200.16721 です)。

冒険が始まるので、F12 を押すと、おなじみの開発者ツールのセットが表示されます (chrome と firebug から来ています)。JS コードを追跡していると、HTML タブ (DOM を含む) が実際には更新されないことに気付きました。

ここのマニュアルによるとhttp://msdn.microsoft.com/en-us/library/ie/gg589512(v=vs.85).aspx 「HTMLタブを更新して現在のDOMを取得することをお勧めします。特に動的要素を使用する場合。」(d0h ??) 問題は.. HTML タブの自動更新を有効にするボタンが見つかりません。そのため、JS の新しい行に入るたびに更新ボタンをクリックする必要があります (リアルタイムの DOM ビューは気にしないでください)。

しかし、それだけではありません...更新ボタンをクリックするたびに、DOMツリービュー全体が折りたたまれます。そして、興味のあるノードを表示するには、たくさんのプラスをクリックする必要があります。

誰かがこれに対する解決策を持っていますか? 数日かかるものが、この方法では数週間かかるため...

4

1 に答える 1

1

IE 開発者ツールを使用して動的に作成された DOM の要素を検査する方法の複製

少し調べてみると、これは他の人からも報告されている問題のようです。このスレッドはあなたにとって興味深いものかもしれません。

最も関連性の高い部分:

問題は、イベントにバインドされたコールバックにあるタイムアウトによって呼び出されるコールバックから dom (jquery の有無にかかわらず) を変更すると、IE がフリークアウトし、開発ツールで dom ツリーを更新しないことです。開発ツールで変更されたタグを後で変更しても、効果はありません。

私のテストによると、これを実現するのは一連の呼び出しの組み合わせです。dom が settimeout コールバックから変更されたが、イベント コールバック内にない場合、動作します。settimeout の代わりに、DOM を変更する関数を直接呼び出すと、機能します。

これは、問題を悪化させるためにあなたが言っていることの実例です。

基本的に、これは IE の問題です。現時点で利用可能な修正はありません。他のスレッドで受け入れられた回答は、非常に貧弱な回避策のようです。

于 2013-10-24T10:15:42.303 に答える