在Google Chrome中从Inspect元素复制代码

我目前正在开发一个HTML网站，我想从其他网站复制一些代码。但是，当我进入检查元素功能并尝试复制部分代码时，它最终会复制整个脚本。有没有什么办法可以从inspect元素中获取部分代码，而无需复制整个事物并在Dreamweaver中剪掉不需要的位？在Google Chrome中从Inspect元素复制代码

来源

2012-09-25 mars

尝试双击，也看到_Resources_面板。 –

如果只想复制几行，该如何回合？ – mars

然后，您将使用_Resources_面板，_Scripts_面板或_Elements_面板选择标记和_RMB_ => _Edit作为HTML_ =>选择并复制你想要的。 –

右击特定要素（例如div，table，td）上，并选择拷贝为html。

来源

2012-09-25 04:41:28 User

我没有'Copy as HTML'选项，但我确实找到了'Edit as HTML'选项，然后我可以按Ctrl + A来选择全部，然后复制并粘贴。伟大的提示！ – user3738893

请注意，这不会保存iframe的内容！要复制iframe的内容，您必须分别为每个元素执行上述操作。 – oriadam

您也可以突出显示该元素并点击键盘上的“ctrl + c”。 – oriadam

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

唯一棘手的是如果你点击一行，你会得到所有包含折行的行。例如，如果你点击一个div，并复制，你会得到div包含的所有东西。

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

来源

2014-03-04 17:48:51

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

来源

2015-12-19 05:52:56

不是真实的atm，更新必须已禁用ctrl + c，现在给我一个头痛，因为转置之一我的旧网站。 –

在早期版本的Chrome中，我们可以简单地选择并复制一个元素（使用Ctrl + C或Cmd + C），然后通过选择并粘贴（使用Ctrl + V或Cmd + V）。尽管最新版本不可能（我正在运行Chrome 58.0.3029.110），并且从那以后它已经让我多次受到欢迎。

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

我不明白为什么短命令被禁用，但至少仍然有可能以一种更不方便的方式进行。

来源

2017-05-17 11:51:39 Calsal

-1

您不必在Google Chrome中执行此操作。使用Internet Explorer，它提供复制相关CSS的选项，并在复制和粘贴后选择样式，并将其放入另一个文件.css中，以调用您创建的HTML。希望这会解决你的问题比其他任何东西:)

来源

2017-08-09 09:21:05

这不提供问题的答案。一旦你有足够的[声誉]（https://stackoverflow.com/help/whats-reputation），你将能够[评论任何帖子]（https：// stackoverflow。COM /帮助/权限/评论）;相反，[提供不需要提问者澄清的答案]（https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [来自评论]（/ review/low-quality-posts/16979142） –

这不提供问题的答案。一旦你有足够的[声誉]（https://stackoverflow.com/help/whats-reputation），你将可以[对任何帖子发表评论]（https://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提问者澄清的答案]（https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 –

在Google Chrome中从Inspect元素复制代码

回答

相关问题