标签: firebug

我注意到Firefox中显示的源代码似乎不完整.我有最新版本.当使用Firebug插件查看网页时,我能够找到Firefox无法识别的元素.

这是我正在处理的自动脚本.

我想知道几件事:

1. 为什么firefox插件能够识别Firefox不是？
2. 有没有办法将源从Firebug引擎传递到Firefox,或任何其他可行的解决方法,使Firefox能够识别页面上的所有元素？

我的猜测是这些"隐藏"元素是在页面加载后由javascript创建的,但我不太确定.

我正在使用console.log跟踪一些数据,这是一个带有表单数据的对象,并且由于数据量大于FB将在控制台中显示的数据,我会在控制台中显示的字符串中附加"more ..." :

 Object { elementName="lessonPlanName", elementType="text", more...}

但是,当我点击链接时,我收到消息"没有要为此对象显示的属性".

如何在控制台中查看对象的所有项目？

谢谢

如何从firebug中找出哪个方法或方法附加到按钮的单击事件处理程序？

这是按钮的代码

<button class="rsmg_button_save ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-state-focus" type="button" role="button" aria-disabled="false" style="display: inline-block;"><span class="ui-button-icon-primary ui-icon ui-icon-disk"></span><span class="ui-button-text">Save</span></button>

console.log(a());
function a(){
    console.log("hello");
}

从上面的代码,我希望"hello"(和一些undefineds)在控制台上登录.但是萤火虫给了

ReferenceError: a is not defined

萤火虫不起吊？

默认情况下,当一个新的浏览器窗口关闭时,firebug也会这样做; 但是,我正试图通过一些事情来创建测试计划,并需要查看Net-> Post活动.

有没有办法保持开放.我试过在新窗口中打开FireBug; 但是,一旦帖子活动发生,我页面上的javascript告诉浏览器关闭,所以我无法检查帖子.

有任何想法吗？

当我在Firebug中调试javascript时,我必须经常在控制台和脚本选项卡之间切换,而在Webkit Inspector中,我可以从底部打开一个控制台.

我认为使用控制台(或测试方法)而不是图形工具来检查变量和对象更容易.

有没有办法在firebug中同时打开控制台和调试窗口,比如Chrome或Safari？

我怎么摆脱这些......

过滤不起作用

Firebug可能是最好的调试工具,使开发人员的生活更轻松.但是我无法找到的一件事是你如何找到改变CSS值的函数.在右侧面板中,当您单击任何CSS规则时,它将选择左侧的HTML节点,您将了解这些值属于此HTML元素.

有没有什么方法可以让你找到哪个javascript函数修改了CSS.这在萤火虫中显示为

element.style{
  color:#898980;
  top:78px;
  bottom:121px;

} 

我需要找到哪个JS函数改变了上面的值,因为它不在我的CSS中.

下图中突出显示的那个

虽然试图通过javascript($('#reveal-id').foundation('reveal', 'open'))打开一个基金会5(5.2.1)揭示我一直在收到这些恼人的错误:

this.dispatchevent is not a function

根据我改变的内容,有时会变成:

settings is undefined

经过大量的诅咒和撕毁所有内容(留给我这个jsFiddle)我发现了问题,并希望与您分享解决方案.

问题

我编写了一个函数来演示如何以多种方式设置Chrome开发者控制台console.log（）消息的格式。但是，我遇到的麻烦是在左侧使用配色方案打印了一个变量，然后在中间没有样式的情况下打印了一个字符串，然后是另一个已设置样式的变量。这是一个图形说明：

此外，此HTML / CSS代码还将演示我正在尝试在开发人员控制台中生成的内容：

    <p>Array values printed out (equals sign not formatted):</p>

    <span style="background: #ffa600; color: #ffe4b3;">Array[index0]</span> = <span style="background: yellow; color: black; font-style: italic;">http://www.google.com</span><br>
    <span style="background: #ffa600; color: #ffe4b3;">Array[index1]</span> = <span style="background: yellow; color: black; font-style: italic;">http://www.pinterest.com</span><br>
    <span style="background: #ffa600; color: #ffe4b3;">Array[index2]</span> = <span style="background: yellow; color: black; font-style: italic;">http://www.facebook.com</span><br>


    <p>Multiple combinations of formatted and non formatted text:</p>
    <p>
        <span style="background:red;">Red</span>
        <span> and </span>
        <span style="background:aliceblue">AliceBlue</span>
        <span> OR </span>
        <span style="color:forestgreen; font-style: italic; font-weight: bold;">Forest Green</span>
        <span style="background: …