标签: firebug

最近,我遇到了一个CGI应用程序没有响应的问题.症状是Firefox显示:

从localhost传输数据...

但问题是我看不到来自Firebug的Net面板的任何流量,浏览器只是永远停留在同一个舞台上.

我正在考虑调试此应用程序的方法,但我看不到源代码或其任何已编译的Java/C++组件,因此我认为HTTP网络级别的诊断是一个良好的开端.

我对Fiddler和Wireshark没什么经验,只是想知道他们会在HTTP网络级别获得更好的反馈/统计数据吗？我听说Wireshark很先进,但可能会引入大量的流量,所以系统管理员不太喜欢它.在这个时候,我认为Firebug并没有真正向我展示足够的信息.

我需要收集信息,以便我可以转发给客户作为证据.

我正在寻找一种工具,它将为我提供正确的生成源,包括由AJAX请求输入到W3验证器的DOM更改.我尝试了以下方法:

1. Web Developer Toolbar - 根据doc-type生成无效的源(例如,它删除了标签的自关闭部分).丢失页面的doctype部分.
2. Firebug - 修复源中的潜在缺陷(例如未封闭的标签).还丢失标签的doctype部分并注入本身无效的HTML控制台.
3. IE Developer Toolbar - 根据doc-type生成无效的源(例如,它使所有标签都是大写的,针对XHTML规范).
4. 突出显示+查看选择源 - 经常难以获得整个页面,也不包括doc-type.

是否有任何程序或附加组件可以为我提供源的确切当前版本,而无需以某种方式修复或更改它？到目前为止,Firebug似乎是最好的,但我担心它可能会解决我的一些错误.

解

事实证明,Justin解释说,没有确切的解决方案.最好的解决方案似乎是验证Firebug控制台内部的源代码,即使它包含Firebug引起的一些错误.我还要感谢Forgotten Semicolon解释为什么"View Generated Source"与实际来源不匹配.如果我可以标记2个最佳答案,我会的.

我创建了一些相当复杂的DOM元素,其中包含:after伪元素,我希望能够在Chrome Inspector或Firebug或同等版本中检查和调整它们.

尽管此WebKit/Safari博客文章(日期为2010年)中提到了此功能,但我无法在Chrome或Safari中找到此功能.Chrome确实至少有要检查的复选框:hover,:visited和:active状态,但是:before和:after无处可见.

此外,这篇博文(日期为2009年!)提到IE开发工具中存在此功能,但我目前正在使用Mac OS,所以这对我没有帮助.此外,IE不是我主要针对的浏览器.

有没有办法检查这些伪元素？

编辑:除了错误的Firebug无法检查这些元素,我发现Opera非常擅长于Inspecting:before和:after元素开箱即用.

有时,如果将鼠标放在某个区域上,我需要检查仅显示在页面上的元素.问题是,如果您开始将鼠标移向firebug控制台以查看更改,则会触发鼠标移除事件,并且我尝试检查的所有更改都会消失.如何处理此类案件？

基本上我正在寻找能够:

• 切换到firebug控制台而不移动鼠标(可能使用键盘快捷键？但我无法弄清楚如何仅使用键盘使用firebug)
• 能够"冻结"页面,使鼠标移动不再触发任何事件.

谢谢.

当我正在调试一个站点时,有时悬停的选择器有点长,并且与其他类似,有没有办法在Firebug中应用一种"粘性"状态来悬停规则？

例; 我将鼠标悬停在导航栏上,并希望将选择器从firebug中复制到CSS中进行搜索,但是一旦我移动鼠标,选择器(显然)就会消失,因为导航<li>器不再悬停.

有什么办法吗？

谢谢 :)

我经常发现自己想要调试CSS布局问题,这些问题涉及由Javascript引起的DOM更改,以响应悬停事件或由于:hover选择器而应用的不同CSS规则.

通常情况下,我会使用Firebug检查那些给我带来麻烦的元素,看看它的CSS属性是什么,以及这些属性的来源.但是,当涉及悬停时,它变得不可能,因为只要您将鼠标移动到Firebug面板,您感兴趣的元素就不再悬停,适用的CSS规则也不同,(在这种情况下) JS徘徊)DOM被改变了.

有没有办法可以"冻结"DOM的状态和应用程序:hover以便在悬停事件期间检查DOM ？

当然,欢迎任何关于如何调试此类问题的其他想法.

我有一个我需要在IE8中检查的对象.我尝试了开发人员工具和console.log他们的Firebug等价物.但是,当我将对象输出到日志时:

console.log("Element: ", element);
console.log(element);

我只收到字符串

LOG: Element: [object Object]

而不是可点击的,可检查的转储.

是否可以将对象转储到日志并检查其成员,如在Firebug中？

我不能使用自制的dump()函数,因为我要检查的元素太大,浏览器会崩溃我.

什么是检测用户是否启用了Firebug的可靠方法？

Firebug是一个很好的工具,可以显示某些HTML元素的屏幕媒体CSS,但有没有办法查看打印媒体CSS呢？或者还有其他工具可以看到打印媒体CSS吗？

我只能通过" 脚本"面板查看网站的JavaScript文件.我怎么编辑它？我尝试了所有内容,例如双击我要编辑的行等,但它不允许我编辑它.

如果我移动到HTML选项卡,我可以通过单击编辑按钮来编辑HTML ,但我无法编辑JavaScript.