问题标签 [web-inspector]

使用 chromes web inspector 查看代码非常有用。但是您如何查看例如按钮的悬停代码？您必须将鼠标悬停在按钮上，因此无法在检查器中使用它（鼠标）。在检查器中是否有任何快捷方式或其他方法可以完成此操作？

人们如何在移动设备上调试网站？

我希望能够像在桌面浏览器中使用 Inspector 一样操作 HTML 和 CSS，并调试 JavaScript。

有没有办法强制 Chrome 的调试器在单步执行代码时跳过特定的源文件或函数？

我已经开始将一些 QWebView 小部件嵌入到我的桌面应用程序 (PyQt) 中。
我使用 JQuery 和 CSS 来增强外观和可用性。
使用网络检查器调试我的 html 代码会很舒服。
如何在我的 QWebView 小部件中嵌入 Firebug Lite？

例如，我尝试了以下代码，但它不起作用：

html1 和 html2 具有相同的效果：body 变为红色但 Firebug 不显示。

PS 我的实际 html 代码无法使用外部客户端浏览器进行调试，
因为它使用 QT 资源和应用程序窗口对象。

我使用 Chrome 网络检查器检查所有变量。

当我将鼠标悬停在变量上时，会出现一个黄色弹出框，我可以看到该变量所引用的内容。

有时它是一个有很多键的对象。有没有办法让这个黄色盒子变大？

我一直在使用 Chrome，在切换到 Safari 或继续使用 Chrome 之间来回切换。不过，我对 Safari 的一个小问题是，每次我切换它时，网络检查器总是出现在一个新窗口中。我按下 Command-Option-I 并在新窗口中打开，当我再次按下 Command-Option-I 时它不会消失。我喜欢 Web 检查器在 Chrome 中的运行方式，并且想知道是否有办法在 Safari 中以相同的方式运行。

任何想法都非常感谢。谢谢！

更新- 结果很愚蠢：有一个父 div 我没有正确关闭。我仍然很好奇为什么在 web 检查器中更改一些 css 可以修复它。感谢大家！

该问题发生在 webkit 浏览器（Safari、Mobile Safari、Chrome、Android 浏览器）中，但在 Firefox 中没有：

在调整窗口大小时，box1 的高度使用 javascript 更改，但 box2 不会扩展/收缩为 box1 新高度的 60% 直到我进入 web 检查器并手动更改任何元素的任何 css 规则，只要它不是样式属性那个元素。（所以我更改的规则必须源自内联 css 或 .css 文件 - 但哪个文件并不重要）

到底是怎么回事？为什么会这样？如果对 css 进行某种重新计算或刷新，我如何强制在窗口调整大小时发生这种情况？

假设我有一些这样的 JavaScript 代码：

假设我无法编辑源文件。我想调试breakpointInside，但我不知道如何在行中间添加断点。在此示例中，单步执行该函数很简单，但假设它是一个更复杂的脚本，而这并不实用。

我正在使用 Google Chrome 的开发人员工具来检查 CSS 样式。有时我需要比较页面上 2 个元素的样式，或者不同页面上的 2 个元素。

是否有可以让我轻松比较的工具或插件？现在我必须在视觉上看，来回切换，一次比较一件事。我希望有一个工具可以突出样式、来源、...

如果存在这样的工具，我愿意使用其他浏览器。

我已经厌倦了我似乎每天使用 Firefox 遇到的众多问题，我再次尝试切换到 Chrome。

让我感到沮丧的一件事是检查器中选项卡的布局。在萤火虫中，它们都在顶部，所以如果我想要一个项目的指标，它非常简单。在 Chrome 中，我一直在上下滚动。

有没有办法改变它的工作方式？我要做的就是将布局更改为与 Firebug 有点相似的东西。

干杯!