Html 从Google Chrome中的Inspect元素复制代码

我目前正在开发一个HTML网站，我想从其他网站复制一些代码。然而，当我进入inspect元素特性并尝试只复制部分代码时，它最终会复制整个脚本。是否有任何方法可以只从inspect元素中获取部分代码，而不必复制整个内容并切掉我在dreamweaver中不需要的位？

右键单击特定元素（例如

div

，

table

，

td

）然后选择复制为html

单击要复制的行或元素。复制到剪贴板。粘贴

唯一棘手的是，如果你点击一条线，如果它被折叠，你会得到该线包含的所有内容。例如，如果您单击一个div并进行复制，您将获得该div包含的所有内容

---

您也可以通过右键单击并选择“编辑为HTML”仅获取所需内容。这将使该部分基本上是文本，没有任何折叠被激活。然后，您可以选择、复制和粘贴相关位

您可以通过inspect元素进行复制，并将要复制的div作为目标。只需按ctrl+c，然后您的div将被复制并粘贴到您的代码中，它将很容易运行。

在早期版本的Chrome中，我们可以简单地选择并复制一个元素（使用ctrl+c或Cmd+c），然后通过选择将其粘贴到元素中，然后粘贴（使用ctrl+V或Cmd+V）。不过，在最新版本中（我运行的是Chrome58.0.3029.110），这是不可能的，从那以后，它已经为我设置了很多次了

不再使用复制和粘贴命令，我们现在必须右键单击元素->复制->复制元素，然后右键单击要将复制的元素附加到的元素->复制->粘贴元素

---

我不明白为什么短命令会被停用，但至少可以用一种更不方便的方式来执行

你不必在谷歌浏览器上这么做。使用Internet explorer，它提供了复制相关css的选项，在复制和粘贴后，选择样式并将其放入另一个文件.css中，以调用您创建的html。希望这比其他任何东西都能解决您的问题：）

（例如：div、footer、table） 右键单击->编辑为HTML

然后你可以复制和粘贴到任何你需要的地方

---

这就是你喜欢的编码方式….

如果你需要复制整个页面

已获取页面的html标记

右键点击它

选择“复制->复制元素”选项

---

尝试双击，同时查看参考资料面板。如果只想复制几行如何？然后您可以使用参考资料面板、脚本面板或at元素面板选择标记和RMB=>Edit as HTML=>选择并复制所需内容。我没有

copy as HTML

选项，但我确实找到了一个

编辑为HTML

选项，我可以用Ctrl+A选择全部，然后复制粘贴。好提示！请注意，这不会保存iFrame的内容！要复制iFrame的内容，您必须对每个元素分别执行上述操作。您也可以高亮显示元素并在键盘上点击

ctrl+c

。我只有“copy”->“copy outerHtml”。它也能工作，谢谢。

复制元素

对我不起作用。选择

编辑为HTML

，然后复制文本框对我有用！不是真正的atm，更新必须禁用ctrl+c，这让我现在很头疼，因为我正在转用我的一个旧网站。@DanielBrose不确定2017年的情况是否属实，但今天您可以使用ctrl+c/ctrl+v从开发工具复制和粘贴元素。