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

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

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

【问题讨论】：

标签： html google-chrome copy google-chrome-devtools inspect-element


【解决方案1】：

执行以下操作：

  1. 选择要复制的最上面的元素。 （要全部复制，请选择<html>）
  2. 右键单击。
  3. 选择编辑为 HTML
  4. 新的子窗口打开，显示 HTML 文本。
  5. 这是你的机会。按 CTRL+A/CTRL+C 并将整个文本字段复制到另一个窗口。

这是最简单的方法。

【讨论】：

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

【讨论】：

  • 它会复制所有页面元素，但不会复制输入的值。如何将页面源和输入值一起复制？
【解决方案3】：
  1. 在 Elements 中选择 <html> 标签。
  2. 按 CTRL-C。
  3. 检查<html>之前是否只剩下<!DOCTYPE html>。

【讨论】：

    【解决方案4】：

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

    【讨论】：

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

    这有点棘手

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

    第一种技术

    Ctrl+U 这将显示页面源

    第二个技巧

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

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

    就是这样，你可以走了。

    【讨论】：

      猜你喜欢
      • 2011-11-14
      • 1970-01-01
      • 2023-03-03
      • 2011-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-23
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode