【问题标题】:How to view HTML source without refreshing the page in Chrome如何在不刷新 Chrome 页面的情况下查看 HTML 源代码
【发布时间】:2016-03-20 19:37:39
【问题描述】:

我需要在一个地方以纯文本形式查看所有源 HTML。我需要从已经加载的页面中获取它。 CTRL+U(查看源代码)刷新页面。我试图查看的页面只能通过正确的表单提交来访问。我真正想要的是 CTRL+U 不刷新页面。

我需要将已加载页面的 HTML 源添加到我的剪贴板。

【问题讨论】:

    标签: html google-chrome view


    【解决方案1】:

    在任何你想查看html的地方右键->inspect element,它仍然显示所有页面的代码,你可以直接在其中修改html/css的值。

    【讨论】:

    • 谢谢,但我看不到纯 html。我看到所有嵌套的“元素”选项卡。它处理页面搜索,但我无法突出显示/复制,也无法全选。我如何从中获取纯文本 html。
    • 好的,我找到了。开发工具,元素标签,右键html标签,复制,复制外层html。
    • 它不包括文档类型,如果在 html 之外有一些东西,错误地,那么我可能不会得到它。一种黑客修复,但它解决了我的问题:)
    • 这是运行时 html。所以整个正文的实际 html 可能只是 <div id='main'></div> 但这样做会在浏览器呈现它时向您显示 dom。这与“查看源代码”不同
    【解决方案2】:

    我认为其他答案都没有真正回答您的问题。

    您想要来自服务器的准确响应,而不是当前的 DOM,并且您希望它带有第一次发送的准确请求标头。

    为此,请打开 Chrome 开发工具并选择“网络”标签。

    第一个请求应该是您请求的页面。单击它并选择右侧的“响应”选项卡以获取服务器给您的确切响应。

    【讨论】:

    • 遗憾的是,这需要开发工具已经打开。如果其他程序在新选项卡中显示临时文件,则不是一个选项。
    • @Timmmm 查看此答案,了解如何在始终打开开发工具的情况下启动 chrome。 stackoverflow.com/questions/12212504/…
    【解决方案3】:

    唯一的答案是 Dor1000 在评论中自己提供的答案:

    开发工具,元素标签,右键html标签,复制,复制外层html。

    他想要当前的 HTML(经过 javascript 或任何其他修改,而不是原始源 HTML)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-17
      • 1970-01-01
      • 1970-01-01
      • 2019-11-25
      • 2017-12-21
      • 2017-05-11
      • 2019-10-03
      • 2011-06-15
      相关资源
      最近更新 更多