Question

为了调试Chrome或Firefox上没有的IE9样式问题，我想我可以比较＆＃39;计算的＆＃39; IE9上的DOM与这两个浏览器相比（我说计算DOM是因为我的大部分页面是通过DOM操作制作的，因为它使用的是GWT）。但是，我无法通过Google Chrome获得适当的DOM副本。我去＆＃34;检查元素＆＃34;，然后点击我想要的元素，右键单击＆gt;复制，然后将其粘贴到文本文件中。

如果我选择顶部的html元素，我最终只会这样！

<html><head>
        <title>title</title>
        </head><frameset>
            <frame src="ezaeza.jsp" name="sqdsqdsq" id="sqdsqdsq" scrolling="no" noresize="noresize">
            <frameset cols="210,20,*" border="0" name="retract" id="retract">
                <frame src="one.jsp" noresize="noresize" name="jiojiji" id="jiojiji">
                <frame src="two.jsp" noresize="noresize" name="jiojiji" id="jiojiji" scrolling="no">
                <frame src="three.jsp" noresize="noresize" name="main" id="main">
            </frameset>
        </frameset>     


</html>

我最终可能会得到一个比父树副本更大的子树副本。这没有任何意义，任何想法我做错了什么？

Copying the DOM (and failing)

Answer 1

这似乎按预期工作。这里的复制命令是复制主文档上下文的DOM。例如，框架和iframe在主页面中创建新的文档上下文。 DevTools只会复制给定的上下文。要创建完整结构，您需要打开每个框架并复制其HTML元素。如果它们中包含帧/ iframe，这也是递归的。

将在树视图中显示#document的新文档上下文。 New document context

对于想要尝试此操作的任何人，可以找到使用框架的示例网站at quackit。

获取正确的DOM副本

1 个答案: