在 Google Chrome 的检查元素中复制 HTML 代码

Posted 2023-03-05

技术标签:

【中文标题】在 Google Chrome 的检查元素中复制 HTML 代码【英文标题】：Copying HTML code in Google Chrome's inspect element 【发布时间】：2014-06-14 02:58:02 【问题描述】：

我有一个网站，我想从中复制一个 html 代码 - 我如何复制检查元素中的所有文本 - 所以我没有得到网站的 HTML 代码，但是代码我已经进行了更改，因此我自己的网页中没有我不想要的元素？

【问题讨论】：

右键<html>，“复制为HTML”？谢谢，应该已经搞定了。有史以来最快的答案... Chrome Dev Tools export Elements HTML 的可能重复项 【参考方案1】：

执行以下操作：

<html>

这是最简单的方法。

【讨论】：

我稍微编辑了您的答案，以使用 Markdown 格式而不是手动的东西。我建议学习 Markdown，如果只是因为你的帖子变得更漂亮:) 它会复制所有页面元素，但不会复制输入的值。如何将页面源和输入值一起复制？ @barryjones【参考方案2】：

右键→复制→复制元素

【讨论】：

它会复制所有页面元素，但不会复制输入的值。如何将页面源和输入值一起复制？【参考方案3】：

<html>

<!DOCTYPE html>

【讨论】：

【参考方案4】：

使用 HTTrack 软件，您可以将所有网站内容下载到本地目录。 HTTrack：http://www.httrack.com/

【讨论】：

这是更正确的答案。复制元素复制页面的源而不是渲染的内容:(【参考方案5】：

这有点棘手

现在大多数网站新技术都可以避免网站被抓取

第一种技术

Ctrl+U 这将显示页面源

第二个技巧

如果网站具有类似 ajax 的功能，这就是小技巧。

只需将鼠标键悬停在检查元素上，直到整个屏幕变为只需右键单击并复制元素

就是这样，你可以走了。

【讨论】：

以上是关于在 Google Chrome 的检查元素中复制 HTML 代码的主要内容，如果未能解决你的问题，请参考以下文章