如何在Chrome中查看HTML源代码而不刷新页面

Question

12

我需要在一个地方查看所有源代码的纯文本，需要从已经加载的页面中获取。 CTRL+U（查看源代码）会刷新页面。我正在尝试查看的页面只能通过适当的表单提交访问。我真正想要的是不刷新页面就能用 CTRL+U 获取源代码。

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

- Dor1000

3个回答

1

右键->检查元素，无论您想在哪里查看html，它仍然显示整个页面的代码，您可以直接在其中修改html/css的值。

- Matriac

1

谢谢，但我看不到纯HTML。我看到的是“元素”选项卡，其中所有内容都是嵌套的。它可以处理页面搜索，但我无法突出显示/复制并且无法全选。我该如何从中获取纯文本HTML？ - Dor1000

1

好的，我找到了。开发工具，元素选项卡，右键点击HTML标签，复制，复制外部HTML。 - Dor1000

这是关于编程的内容，请将其从英语翻译成中文。仅返回已翻译的文本：它不包括文档类型，如果有些东西意外地超出了HTML范围，那么我可能无法理解它。这种方法有点“hack”，但它解决了我的问题：） - Dor1000

这是运行时的 HTML，因此整个 body 的实际 HTML 可能只是 <div id='main'></div>。但以这种方式执行可以展示浏览器渲染 DOM 的过程。这与“查看源代码”并不相同。 - frumbert

-1

唯一的答案是Dor1000在评论中提供的：

开发工具，元素选项卡，右键单击HTML标记，复制，复制外部HTML。

他想要当前的HTML（经过JavaScript或任何其他修改后的HTML，而不是原始源HTML）。

- JohnP2

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tim · Accepted Answer

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

你想要从服务器获取确切的响应，而不是当前的 DOM，并且你想要使用第一次发送的确切请求标头。

要做到这一点，请打开 Chrome 开发者工具并选择“网络”选项卡。

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