Tag: 萤火虫

如何debuggingCSS / Javascripthover问题

我经常发现自己想要debugging涉及JavaScript引起的DOM变化的CSS布局问题，以响应hover事件或由于：hoverselect器而应用的不同CSS规则。 通常情况下，我会使用Firebug来检查给我带来麻烦的元素，看看它的CSS属性是什么，以及这些属性来自哪里。 但是，当涉及hover时，这是不可能的，因为只要您将鼠标移动到Firebug面板，您感兴趣的元素就不再徘徊，所应用的CSS规则就不同了， JShover）DOM被改变。 有什么办法可以“冻结”DOM的状态和应用：hover为了检查DOM 在hover事件？ 当然，欢迎任何关于如何debugging这类问题的其他想法。

你可以在萤火虫hover状态“粘？”

当我debugging一个网站时，有时候这个hover的select器有点长，和其他的类似，有没有办法在Firebug中应用一种“粘滞”的状态来hover规则？ 例; 我将鼠标hover在导航栏上，希望将select器从Firebug中复制到CSS中进行search，但只要移动鼠标，select器（显然）就会消失，因为nav <li>不再被徘徊。 任何方式来做到这一点？ 谢谢 ：）

如何在IE8中转储JavaScriptvariables？

我有一个对象，我需要在IE8中检查。 我尝试了开发者工具和console.log ，他们的Firebug等价物。 但是，当我输出对象到日志： console.log("Element: ", element); console.log(element); 我只得到string LOG: Element: [object Object] 而不是可点击的，可检查的转储。 是否有可能将对象转储到日志并检查其成员，如在Firebug中？ 我不能使用自制的dump（）函数，因为我想检查的元素非常庞大，浏览器会崩溃。

了解Chrome控制台是否处于打开状态

我正在使用这个小脚本来查明Firebug是否打开： if (window.console && window.console.firebug) { //is open }; 它运作良好。 现在我正在search半个小时，find一种方法来检测Google Chrome内置的Web开发者控制台是否打开，但是我找不到任何提示。 这个： if (window.console && window.console.chrome) { //is open }; 不起作用。 编辑： 因此，似乎无法检测到Chrome控制台是否处于打开状态。 但是有一个“ 黑客 ”的作品，有一些缺点： 控制台未连接时将不起作用 控制台在页面加载时打开时不起作用 所以，我现在要selectUnsigned的答案，但是如果有人提出了一个很好的主意，他是欢迎仍然回答，我改变选定的答案！ 谢谢！

Chrome的开发者工具没有什么function？

我是一个新手的Web开发人员，我曾经推荐多次debuggingFirebug。 到目前为止，我刚刚使用了Chrome的内置开发工具。 它似乎做了Firebug所做的一切，而且更加清洁，更有组织。 当我在debugging中获得更高级的function时，Firebug有哪些function会让我错过Chrome的DevTools？ 如果是这样，他们是什么？ 相关： 谷歌浏览器的类似Firebug的debugging器

有没有办法改变在JavaScript控制台的iframe的上下文？

我想改变在webkit开发工具/萤火虫控制台中执行的JavaScript的上下文，以执行其代码，就像它从页面上的iframe内部运行一样。 我知道我可以通过在单独的页面上打开iframe中的页面来做到这一点，但我想运行与父框架交互的代码。

如何在Chrome上“打破财产变化”？

Firebug for firefox有一个很好的特性，叫做“Break on property change”，在这里我可以标记任何对象的属性，它会在更改之前停止javascript的执行。 我试图在谷歌浏览器中实现相同的function，并且我无法在Chromedebugging器中find该function。 我如何在谷歌浏览器中做到这一点？

即使页面上存在JavaScript，Firebug也会说“此页面没有Javascript”

为什么Firebug No Javascript on this page上有明显的JavaScript负载时，说No Javascript on this page 。 我甚至重新加载页面几次，以确保它仍然显示相同的消息。 以前从来没有这样做过，但是突然之间它就不合时宜了。 是由于某些configuration问题还是由于其他原因？

Firebug有什么独特的function不是Firefox内置的？

我刚刚清理我的Firefox插件，并想知道： Firebug具有哪些function使其具有独特性？ Firebug和Firefox开发者工具中有哪些function可用？

debugging打印样式表的build议？

我最近一直在为一个网站打印样式表，而且我意识到，我不知道如何有效地调整它。 有一个重新加载周期来处理屏幕上的布局是一回事： 更改代码 命令选项卡 重装 但是当您尝试打印时，整个过程变得更加艰巨： 更改代码 命令选项卡 重装 打印 斜视在打印预览图像 在预览中打开PDF进行进一步检查 我错过了哪些工具？ WebKit的检查员是否有“假装这是分页媒体”checkbox？ Firebug（ 不寒而栗 ）能做些什么魔法吗？