检查元素不工作/空白答案

【问题标题】：Inspect Element Not working/blank检查元素不工作/空白
【发布时间】：2014-04-03 10:02:41
【问题描述】：

每当我尝试检查元素时，什么都没有出现。我在 Chrome 上。我明白了

Elements | Network | Sources | Timeline | Profiles | Resources | Audits | Console

菜单，然后是以下每个菜单中的子菜单：

Console | Search | Emulation | Rendering

在哪里可以查看源代码？以前我只是检查元素，它就会出现，是我不小心弄乱了配置吗？

谢谢！

【问题讨论】：

【解决方案1】：

这可能是缓存问题。 在Chrome中打开开发者工具(F12)后，按Ctrl + F5刷新缓存。

【讨论】：

【解决方案2】：

可能有另一个面板打开。你在右手边的某个地方有一个小手柄图标吗？如果是这样，抓住它并拉下面板。

【讨论】：

【解决方案3】：

可以通过元素找到源。

你看到元素旁边的放大镜了吗？在这种情况下，您可以选择要检查的元素

如果您想查看 javascript 或加载的文件，您可以在源代码处查看这些文件。使用 Ctrl+O 可以选择要查看的源文件。

如果您的信息是由 AJAX 加载的，则无法检查您的 Javascript。通过 AJAX 加载的 HTML 可以通过首先打开将显示您的内容的页面来查看，然后您可以检查该页面。

【讨论】：

【解决方案4】：

你也可以使用CTRL+U，效果比view-source好

【讨论】：

【解决方案5】：

我有同样的问题。不知何故，在工具栏上（我们也有过滤选项），选择了 Img 选项卡而不是全部。

【讨论】：

【解决方案6】：

可能有另一个面板打开。您是否碰巧在右侧某处有一个小手柄图标？如果是这样，请抓住手柄图标并将面板向下拉。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。