查看从通过Chrome开发人员工具Ajax调用HTML响应？ [英] Viewing HTML response from Ajax call through Chrome Developer tools?

问题描述

因此​​，在我的javascript，我在我的网站做一个AJAX调用一个服务。哎呦，什么失败。没问题。这里就是我会做在Firefox：

So in my javascript I'm making an ajax call to a service on my website. Whoops, something fails. No problem. Here's what I'd do in Firefox:

1. 打开Firebug控制台
2. 找到失败的Ajax调用并单击+符号以查看更多信息。
3. 在响应选项卡具有原始的HTML。谁愿意看这些？我点击HTML标签。
4. 啊，Django在返回的格式良好的HTML显示了我被零除错误。

现在这里是我目前做的浏览器：

Now here's what I currently do in Chrome:

1. Ctrl + Shift + J打开开发人员工具
2. 转到资源
3. 滚动到Ajax调用，点击
4. 再一次，我看见原始的HTML。还是不想读了这一切，但是因为没有一个HTML标签我复制并粘贴到文本编辑器。
5. 在保存的HTML文件
6. 在浏览器中打开HTML文件，所以我可以读取的Django返回的错误HTML

等方面的问题。反正，查看来自Ajax调用在浏览器中呈现的HTML的响应，而无需复制并粘贴原始的HTML到文本编辑器？

So on to the question. Is there anyway to view the HTML response from an Ajax call rendered in the browser without having to copy and paste the raw html to a text editor?

推荐答案

不，目前还没有办法。你转​​到开发工具>资源> XHR选项卡>并点击您的资源（左），你会看到两个选项卡时。第一个是集管（这是原始）和内容是原以及

Nope, there is currently no way. When you goto Developer Tools > Resources > XHR Tab > And click on your resource (on the left), you see two tabs. The first one being Headers (which is raw) and Content which is raw as well.

这篇关于查看从通过Chrome开发人员工具Ajax调用HTML响应？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！