1<script> 2function test1() { 3 document.getElementById("test").src = "resources/mutate-frame.html"; 4} 5 6function test2() { 7 document.getElementById("test").src = "resources/mutate-frame-2.html"; 8} 9 10var count = 1; 11function 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 20setInterval(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