问题标签 [web-inspector]

在 Chrome 开发工具的 Network 选项卡中查看有关样式表的信息时，一列指定了“size”和“content”：

任何人都可以阐明这两个数字之间的区别吗？在某些页面上，数字很接近，而在其他页面上，它们相差很大。

我正在尝试在 Chrome 中使用 javascript 调试器的暂停功能。问题是每当我将鼠标移到页面上时，都会调用 onMouseMove 函数并且脚本会在该点暂停。有什么方法可以忽略这个函数，以便在我调用要调试的函数时脚本暂停？

我已经多次遇到这个问题，这真的很有帮助，因为有时我需要查看什么功能并不明显。我发现的一个部分解决方案是Visual Event，但这有它的局限性 - 最后我检查了它不会让你调试功能，但它可以帮助你弄清楚发生了什么。

我提到我使用 chrome，但任何浏览器或调试器中的解决方案都会很好。

在 Safari 中运行以下脚本时（检查器打开）

x在该断点上时在控制台中询问时出现以下错误：

删除该"use strict";行可让我x在该断点处从控制台访问。

两次x都显示Scope Variables在侧边栏中。

Webkit 能够检查DOM当前状态的元素，而不是像 IE 那样检查原始状态。

那么，如何检查 IE9 中的元素以便我可以查看/编辑currentDOM 的状态？

目前，当我在页面加载时不在 DOM 中的元素上单击开发人员工具栏中的单击以选择元素按钮时，开发人员工具栏不执行任何操作。=\

有什么方法可以使用 Safari Web Inspector 来确定客户端请求和服务器响应是 HTTP 1.0 还是 HTTP 1.1？

Web Inspector 似乎合并了每个事务的请求和响应事务，并且没有告诉我事务是 1.0 还是 1.1？

当我在元素检查器中选择一个条目时，网页上的相应区域会覆盖有半透明的蓝色，这对于确定元素在网页上实际出现的位置非常有帮助。但是，有时会以深米色覆盖显示额外的区域。该区域始终与蓝色叠加层相邻。我不知道如何解释米色叠加层的含义，但我怀疑这个问题的答案可能会帮助我调试我遇到的其他布局问题。

有谁知道如何设置 Safari Web Inspector 的高度？它占据了我浏览器窗口的 75%，所以我每次都必须手动调整它的大小。这是显示问题的屏幕截图：http: //cl.ly/1W33123t1U0k101r2g00

想法？

我在开发和调试 Web 应用程序时使用 Google Chrome Developers 工具和控制台。

我安装了一些 Chrome 插件/扩展。这些插件/扩展在页面中添加额外的标记和脚本，同时在浏览器中呈现它们，当我在开发人员工具中查看我的代码时，它变得非常混乱。

我想要一种简洁的方式来查看我的代码，而不需要那些额外的标记。

那么有没有办法快速切换（禁用/启用）插件，或者以最佳方式在特定选项卡中禁用它们？我安装了几个插件/扩展，我认为禁用然后手动重新启用它们不是一个好主意。此外，当我同时在其他选项卡上浏览其他网站时，我可能想使用插件/扩展程序。

我一直在考虑自定义 Chrome Web Inspector（特别是此处和此处），以将元素面板的 CSS 部分移到左侧，将 HTML 放在右侧，但我并不高兴。

有没有人设法得到这样的工作，或者看到它的任何例子？

这是我想要得到的快速截图。

编辑：我使用18.0.1025.33 beta-m的是 Chrome 版本，以防万一有任何特定于版本的愚蠢:)

我必须在 iPAD 中测试我的 Web 应用程序。为此，我想检查我的元素，有没有办法使用 safari 检查 iPAD 中的元素？