Home | History | Annotate | Download | only in inspector 
      1 <script>
      2 function test1() {
      3     document.getElementById("test").src = "resources/mutate-frame.html";
      4 }
      5 
      6 function test2() {
      7     document.getElementById("test").src = "resources/mutate-frame-2.html";
      8 }
      9 
     10 var count = 1;
     11 function run() {
     12     var container = document.getElementById("test2");
     13     var div = document.createElement("div");
     14     div.textContent = "Testing " + (count++);
     15     container.appendChild(div);
     16     if (count > 10)
     17         container.removeChild(container.firstChild);
     18 }
     19 
     20 setInterval(run, 1000);
     21 </script>
     22 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=6590">Bug 6590: Web Inspector shows stale DOM tree if the DOM changes after the inspector has loaded</a>.</p>
     23 <p>To test, open the Inspector and watch the DOM change to match the page. Clicking the buttons will navigate the subframe, and the all the subframe child nodes should change.</p>
     24 <div style="clear: both">
     25 <button onclick="test1()">Test Frame 1</button>
     26 <button onclick="test2()">Test Frame 2</button>
     27 </div>
     28 <div style="float: left">
     29 <iframe id="test" src="resources/mutate-frame.html" width="200" height="300"></iframe>
     30 </div>
     31 <div style="float: left; margin-left: 10px;" id="test2"></div>
     32