问题标签 [google-chrome-devtools]

使用 Google Chrome 时，我想调试一些 JavaScript 代码。我怎样才能做到这一点？

如何调试 Node.js 服务器应用程序？

现在我主要使用带有打印语句的警报调试，如下所示：

必须有更好的调试方法。我知道Google Chrome有一个命令行调试器。这个调试器是否也可用于 Node.js？

我最近一直在为一个网站制作一个打印样式表，我意识到我对调整它的有效方法感到茫然。有一个重新加载周期来处理屏幕布局是一回事：

• 更改代码
• 命令选项卡
• 重新加载

但是当您尝试打印时，整个过程会变得更加艰巨：

• 更改代码
• 命令选项卡
• 重新加载
• 打印
• 斜视打印预览图像
• 在预览中打开 PDF 以进行进一步检查

有没有我在这里错过的工具？WebKit 的检查器是否有“假装这是分页媒体”复选框？Firebug (颤抖) 有什么魔法可以做的吗？

前几天我在 Chrome 中注意到了一些东西——我打开了开发者工具，然后点击查看源代码，最初惊讶地发现开发者工具窗口显然是用 HTML 和 JavaScript 编码的——你可以通过将以下内容放入 Chrome 中看到地址栏：

有两件事让我印象深刻——首先，代码版权属于 Apple（考虑到他们对 WebKit 的支持，这并不奇怪），其次，您似乎无法通过单击中的链接直接通过 Chrome 访问 JavaScript、CSS 或图像文件源代码。

所以两个问题：

DevTools 资产存储在我的计算机上的什么位置，或者我如何才能访问它们？或者更好的是，有人可以识别使用的库并让我知道它的许可方式吗？我一直在寻找一个实施良好的 UI 工具包——而 Devtools 看起来很棒。

虽然我没有看到任何功能或 jquery UI 元素受此影响，但是当我访问我的 asp.net mvc 网页时，chrome 开发人员控制台会记录一堆错误消息，如下所示：

资源解释为图像，但使用 MIME 类型应用程序/八位字节流传输。

所有警告都是针对 jquery UI 图像的（尽管我没有任何自定义图像，所以我不知道它是否只是 jquery UI）。所有 jquery 图像仍然正确加载。

有没有人知道为什么会这样？

在 Firebug 中，DOM 选项卡显示所有公共变量和对象的列表。在 Chrome 的控制台中，您必须键入要探索的公共变量或对象的名称。

Chrome 的控制台是否有办法（或至少是命令）显示所有公共变量和对象的列表？它将节省大量打字。

我有一个想与 YQL 一起使用的网页。但我需要特定项目的 XPath。我可以在 Google Chrome 的调试工具区域中看到它，但我看不到复制该 XPath 的方法。

有没有办法复制完整的 XPath？

在使用 Chrome 的开发工具检查元素时，在元素选项卡中，右侧的“样式”栏会显示相应的 CSS 属性。有时，其中一些属性会被删除。这些属性是什么意思？

我是一名新手 Web 开发人员，我曾多次推荐 Firebug 进行调试。然而，到目前为止，我一直在使用 Chrome 的内置开发者工具。它似乎完成了 Firebug 所做的一切，并且更干净、更有条理作为奖励。

随着我的调试越来越先进，Firebug 是否有一些我会错过 Chrome 的 DevTools 的功能？如果是这样，它们是什么？

相关：Google Chrome 的类似 Firebug 的调试器

因此，在我的 javascript 中，我正在对我网站上的服务进行 ajax 调用。哎呀，有些事情失败了。没问题。这是我在 Firefox 中所做的：

1. 打开萤火虫控制台
2. 找到失败的 Ajax 调用并单击 + 号以查看更多信息。
3. 响应选项卡具有原始 HTML。谁愿意阅读所有内容？我单击 HTML 选项卡。
4. 啊，Django 返回的格式良好的 HTML 显示了我除以零的错误。

现在这是我目前在 Chrome 中所做的事情：

1. Ctrl+Shift+J 打开开发者工具
2. 转到资源
3. 向下滚动到 Ajax 调用并单击
4. 再一次，我看到了原始 HTML。仍然不想阅读所有内容，但由于没有 HTML 选项卡，我将其复制并粘贴到文本编辑器中。
5. 保存html文件
6. 在浏览器中打开 html 文件，以便我可以读取 Django 返回的错误 HTML

那么问题来了。无论如何都可以查看来自浏览器中呈现的 Ajax 调用的 HTML 响应，而无需将原始 html 复制并粘贴到文本编辑器中？