html - 从 Google Chrome 中的 Inspect Element 复制代码

Question

我目前正在开发一个 HTML 网站，我想从其他网站复制一些代码。但是，当我进入检查元素功能并尝试仅复制部分代码时，它最终会复制整个脚本。有什么方法可以从检查元素中获取部分代码，而不必复制整个内容并删除我在 Dreamweaver 中不需要的部分？

score 44 · Accepted Answer

44

右键单击特定元素（例如div, table）td并选择副本为 html。

于 2012-09-25T04:41:28.017 回答

score 4 · Accepted Answer

在早期版本的 Chrome 中，我们可以简单地选择和复制一个元素（使用 Ctrl+C 或 Cmd+C），然后通过选择它然后粘贴（使用 Ctrl+V 或 Cmd+V）将其粘贴到元素中。不过，在最新版本中这是不可能的（我正在运行 Chrome 58.0.3029.110），从那时起它已经让我多次设置。

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

我不明白为什么短命令被停用，但至少仍然可以以更不方便的方式进行操作。

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

您可以通过检查元素复制并定位要复制的 div。只需按 ctrl+c，然后您的 div 将被复制并粘贴到您的代码中，它将轻松运行。

score 0 · Accepted Answer

如果您需要复制整个页面，

score 0 · Accepted Answer

最好的解决方案不是打开检查元素 -> 右键单击 -> 查看页面源 -> 然后复制整个代码。

此解决方案适用于 Chrome。

score -1 · Accepted Answer

(eg: div,footer,table) 右键 -> Edit as HTML

然后，您可以在任何需要的地方复制和粘贴...

这就是享受你的编码......

score -2 · Accepted Answer

你不必在谷歌浏览器中这样做。使用 Internet Explorer，它提供了复制相关 css 的选项，在复制和粘贴后选择样式并将其放入另一个文件 .css 以调用您创建的那个 html。希望这能解决您的问题而不是其他任何事情:)

8 回答 8