问题标签 [web-inspector]

当我在 chrome 中打开开发人员工具并转到“资源”选项卡时，有时资源名称右侧有一个带有数字的红色圆圈。

那个号码是多少？你可以在这个网站上看到它：http ://www.realclearpolitics.com/?state=noad

愚蠢的网络元素检查器（safari / chrome）问题，但我似乎无法弄清楚为什么某些属性会变暗。

Safari 和 Chrome 开发者工具（webkit 检查器）似乎变得相当先进。虽然我非常习惯 Firebug 并依赖它进行开发，但我真的很想尝试完全切换到 Chrome（因为我几乎完全用它浏览），然后学会习惯它是 Web 开发人员工具。

它的功能与 Firebug 略有不同，我注意到您可以轻松地动态修改标记或 CSS 规则中的值。那么除了界面上的任何基本差异之外，webkit web inspector 是否已经成为 firebug 的合适替代品了？

注意我是从主要从事 HTML 和 CSS 工作的前端设计师/开发人员的角度提出问题的；我什至还没有真正深入了解 javascript。

我在我的 javascript 代码中写了一个无限循环。使用 WebKit 的 Web Inspector，我如何终止执行？我必须退出 Safari 并重新打开它（当然是在更改我的代码之后）。

编辑：更具体地说，我正在寻找一种进入循环执行进程/线程的方法，以查看为什么循环没有终止。一个类比是在 GDB 中，我可以在其中执行 ^C 并进入该过程。我不是在寻找杀死我的网络浏览器的方法。我已经很擅长了。

我认为直接在 TextMate 而不是 Web 检查器源视图中从 Web 检查器侧边栏中打开资源会很好，但添加

到inspector.html 不起作用。事件监听器被添加但从未被触发。有人对为什么会这样有一些经验吗？

我在基于 Webkit 的浏览器中遇到了一个随机问题（在 Chrome 和 Safari 中测试）。在我维护的一个网站上，我一直在更新我们用于错误消息的艺术作品，它在所有浏览器中看起来都很棒，除了基于 Webkit 的浏览器。当我通过 Web Inspector 打开或关闭任何 CSS 规则时，我遇到的问题似乎消失了。

问题：

文本大小控件上方的间距不应该存在，它应该看起来像：

令人讨厌的是，当我在 Web Inspector 中切换任何css 属性时，间距会消失。

弹出窗口的 HTML 是：

CSS 的关键部分是：

适用.block于：

有谁知道为什么会发生这种情况以及是否有解决方法？

更新：这里有一个活生生的例子（尽管使用过时的图形）。在 Webkit 浏览器中单击诸如“医疗费用”之类的项目会显示带有间距错误的弹出窗口。

怎么去掉那个黄框？无论我将光标移动到哪里，它都会停留在同一个位置。如果我不使用外接显示器，那个黄色框占据了我屏幕的一半:(

谢谢！

PS：我在这里问是因为似乎没有一个好的论坛来询问官方的 webkit/safari 人群，或者我只是想念它，但它不是 webkit.org

有没有办法确定在 Firebug 或 Web Inspector（可能是 Opera Dragonfly/IE Developers Toolbar）中发出 XHR 的行和文件名？如果没有，找到它的最佳方法是什么？只是在代码库中搜索调用的 URI？（不过，它通常会被构建）

如何让 Safari 的调试器在页面刷新期间保持断点？我正在尝试调试onLoad执行的代码，所以我没有时间在代码执行之前设置断点，并且在设置断点后刷新页面时，断点丢失。

（有问题的代码在 Dojo 小部件中，因此如果重要的话，它是通过 XHR 加载的。）

为了解决烦人的 IE-only 布局和 CSS 问题，我尝试使用 IE9 的开发人员工具来迭代编辑 HTML 和 CSS。理想情况下，我可以与我习惯使用 Firebug 和 Webkit 的 Inspector 进行的 DOM/CSS 操作工作流程相提并论。

换句话说，我希望能够重复编辑单个元素或一组元素的 HTML 和 CSS，然后在屏幕上立即看到我的更改。

我发现了 F12 工具的“整页”编辑功能，您可以在其中编辑整个页面的 HTML 或所有 CSS 作为一个整体，但即使在使用该工具几个小时、阅读在线帮助和许多 Google 搜索之后，我仍然在为我习惯使用 Firebug 的那种更细粒度的编辑而苦苦挣扎。

在我放弃之前，有谁知道如何使用 F12 工具...

• ...编辑特定元素及其子元素，而不是一次编辑整个页面？（如萤火虫的“编辑 HTML”上下文菜单）
• ...查看编辑视图中所做的更改会立即显示在浏览器中，而不是必须退出编辑视图才能查看更改？
• ...在编辑视图中轻松找到当前选定的元素（周围有蓝色方块的元素）？
• ...删除单个元素？（在萤火虫中，我可以选择元素并单击“删除”）
• ...向类中添加新样式，而无需在文档中寻找适用于我关心的元素的样式？（在萤火虫中，我可以双击右窗格中的样式）。

如果 IE 的 F12 工具无法实现上述操作，那么是否有一个不错的 DOM/CSS 编辑替代插件？

顺便说一句，我提出这个问题的目的不是抨击 IE9 开发工具（感谢 Microsoft 开箱即用地包含这些工具），而是学习如何更高效地使用它们。

另外顺便说一句，我已经阅读了 20 多个关于 IE 上的 firebug 等价物的 StackOverflow 问题，但其中大多数似乎是关于 javascript 调试和只读 DOM 检查。我没有找到任何关于编写 DOM/CSS 的最新（IE9）。因此，我正在就这个话题提出另一个问题……如果这是一个骗局，我深表歉意。