Php Firebug中的调试

Php Firebug中的调试,php,javascript,debugging,firebug,Php,Javascript,Debugging,Firebug,不知是否有人能给点建议 基本上,这是我经常遇到的事情——我正在学习使用firebug进行调试,并尝试跟踪在一堆复杂的wordpress/fancy box文件中设置样式属性的位置 基本上,我正在尝试让fancybox自动调整元素的宽度,我知道fancybox选项可以启用此功能,但整个框似乎被固定宽度覆盖,我在样式表中找不到 element.style { border-width:10px; height:84px; width:987px; 现在,在firebug的右侧没有关联的样式表,所以

不知是否有人能给点建议

基本上,这是我经常遇到的事情——我正在学习使用firebug进行调试,并尝试跟踪在一堆复杂的wordpress/fancy box文件中设置样式属性的位置

基本上,我正在尝试让fancybox自动调整元素的宽度,我知道fancybox选项可以启用此功能,但整个框似乎被固定宽度覆盖,我在样式表中找不到

element.style {
border-width:10px;
height:84px;
width:987px;
现在,在firebug的右侧没有关联的样式表,所以我假设这意味着它是在js/php中的某个地方动态计算的


我想要的是一个指针,指示如何跟踪它的设置位置,以及如果它设置在样式表之外,我如何使用firebug来识别它?这样我也可以做一个更好的调试器:)谢谢您的关注。

在使用firebug的mozilla浏览器中,单击(左上角)的箭头图标,然后选择页面上的任何控件。它将在右侧显示它们的样式(css)。在这里,您可以进行任何更改,它将显示在浏览器中

我想这对你有帮助

  • 首先定位元素
  • 一旦您这样做,触发事件,您将看到更改

  • element.style
    被指定为样式信息的来源时,这意味着样式是内联的(即指定为标记的属性)

    例如


    您好,谢谢您的回答-我想虽然我已经使用它来处理样式,但这个特定问题的问题是它似乎没有关联的样式表(当在右侧面板中单击箭头后显示样式时),再加上它说的是element.style{}这让我觉得它是在js或php中动态设置的,而不是硬编码到样式表中。我想通过使用firebug来识别发生这种情况的地方,你认为有什么方法可以做到这一点吗?干杯。嗨,我可以看到之前的源代码,以及计算的样式-我要做的是看看是否有办法确定元素应用于哪个文件/行号,如果你明白我的意思的话。目前,我只是手动浏览所有的文件,看看我是否能理解它在哪里应用。干杯
    
    <div style='border-width:10px;height:84px;width:987px;>This is a box</div>