标签: firebug

我需要调试一个使用jQuery的Web应用程序来做一些相当复杂和混乱的DOM操作.有一次,某些与特定元素绑定的事件不会被触发,只是停止工作.

如果我有能力编辑应用程序源代码,我会向下钻取并添加一堆Firebug console.log()语句并注释/取消注释代码片段以尝试查明问题.但我们假设我无法编辑应用程序代码,需要使用Firebug或类似工具完全在Firefox中工作.

Firebug非常善于让我导航和操纵DOM.但到目前为止,我还没有弄清楚如何使用Firebug进行事件调试.具体来说,我只想查看在给定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点来跟踪更改).但是Firebug没有能力看到绑定事件,或者我太笨了而无法找到它.:-)

任何建议或想法？理想情况下,我只想查看和编辑绑定到元素的事件,类似于今天我可以编辑DOM的方式.

有什么用console.log？

请通过代码示例解释如何在JavaScript中使用它.

node.js中socket.io和websockets之间有什么区别？
它们都是服务器推送技术吗？我觉得唯一的区别是,

1. socket.io允许我通过指定事件名称来发送/发送消息.

2. 在socket.io的情况下,来自服务器的消息将到达所有客户端,但对于websockets中的相同内容,我被迫保留所有连接的数组并循环通过它以向所有客户端发送消息.

另外,我想知道为什么网络检查员(如Chrome/firebug/fiddler)无法从服务器捕获这些消息(来自socket.io/websocket)？

请澄清一下.

像大多数Web开发人员一样,我偶尔会查看网站的来源,看看他们的标记是如何构建的.像Firebug和Chrome开发者工具这样的工具可以很容易地检查代码,但如果我想复制一个孤立的部分并在本地使用它,那么复制所有单个元素及其相关的CSS将是一件痛苦的事.并且可能同样需要保存整个源并删除不相关的代码.

如果我可以右键单击Firebug中的节点并且"为此节点保存HTML + CSS"选项,那就太棒了.这样的工具存在吗？是否可以扩展Firebug或Chrome开发者工具来添加此功能？

我正在尝试加载本地JSON文件,但它无法正常工作.这是我的JavaScript代码(使用jQuery:

var json = $.getJSON("test.json");
var data = eval("(" +json.responseText + ")");
document.write(data["a"]);

test.json文件:

{"a" : "b", "c" : "d"}

没有显示任何内容,Firebug告诉我数据未定义.在Firebug中,我可以看到json.responseText并且它是好的和有效的,但是当我复制该行时很奇怪:

 var data = eval("(" +json.responseText + ")");

在Firebug的控制台中,它可以工作,我可以访问数据.

有人有解决方案吗？

您可以在Google Chrome中使用Firebug吗？

我想要的基本功能:

• 检查HTML源(选择元素,删除它们等)
• 检查CSS值(内置解决方案很奇怪,不知何故)

我最近一直在为一个网站制作一个打印样式表,我意识到我无法通过有效的方式进行调整.使用重新加载周期来处理屏幕布局是一回事:

• 改变代码
• 命令选项卡
• 重装

但是当你尝试打印时,整个过程会变得更加艰难:

• 改变代码
• 命令选项卡
• 重装
• 打印
• 斜视打印预览图像
• 在预览中打开PDF以进一步检查

我在这里错过了哪些工具？WebKit的检查员是否"假装这是分页媒体"复选框？Firebug(不寒而栗)可以做些什么吗？

我在HTML表中包含一些表单来添加新行并更新当前行.我得到的问题是,当我在开发工具中检查表单时,我看到表单元素在打开后立即关闭(输入等不包含在表单中).

因此,提交表单不包括字段.

表行和输入如下:

<tr>
    <form method="post" action="">
        <td>
            <input type="text" name="job_num">
        </td>

        <td>
            <input type="text" name="desc">
        </td>
    </form>
</tr>

任何帮助都会很棒,谢谢.

Firebug是我用来编辑CSS的最方便的工具 - 那么为什么CSS没有一个简单的"保存"选项呢？

我总是发现自己在Firebug中进行调整,然后回到我原来的.css文件并复制调整.

有没有人想出更好的解决方案？

编辑:我知道代码存储在服务器上(大多数情况下不是我自己的),但我在构建自己的网站时使用它.

Firebug只是使用从服务器下载的.css文件,它确切地知道它正在编辑哪些文件行.我不明白为什么没有"导出"或"保存"选项,它允许您存储新的.css文件.(然后我可以替换远程的那个).

我曾尝试查看临时位置,并选择文件 > 保存...并在Firefox上尝试输出选项,但我还没找到方法.

编辑2: 官方讨论组有很多问题,但没有答案.

Firebug for Firefox有一个很好的功能,名为"Break on property change",我可以在其中标记任何对象的任何属性,它将在更改之前停止JavaScript执行.

我正在尝试在Google Chrome中实现相同功能,但我无法在Chrome调试器中找到该功能.如何在Google Chrome中执行此操作？