Questions tagged «firebug»

我需要调试一个使用jQuery进行一些相当复杂和混乱的DOM操作的Web应用程序。某一时刻，某些与特定元素绑定的事件并未触发，只是停止工作。 如果我有能力编辑应用程序源代码，那么我将向下钻取并添加一堆Firebug console.log()语句和注释/取消注释代码段，以试图找出问题所在。但是，假设我无法编辑应用程序代码，并且需要使用Firebug或类似工具完全在Firefox中工作。 Firebug非常擅长让我浏览和操作DOM。不过，到目前为止，我还无法弄清楚如何使用Firebug进行事件调试。具体来说，我只想查看在给定时间绑定到特定元素的事件处理程序列表（使用Firebug JavaScript断点来跟踪更改）。但是Firebug无法查看绑定事件，或者我太笨了，找不到它。:-) 有什么建议或想法吗？理想情况下，我只想查看和编辑绑定到元素的事件，就像今天编辑DOM一样。

609 javascript  jquery  javascript-events  event-handling  firebug 

node.js中的socket.io和websockets有什么区别？ 它们都是服务器推送技术吗？我唯一感到的是 socket.io允许我通过指定事件名称来发送/发送消息。 对于socket.io，来自服务器的消息将到达所有客户端，但对于websockets中的消息，我被迫保留所有连接的数组并循环遍历，以将消息发送给所有客户端。 另外，我想知道为什么Web检查器（例如Chrome / firebug / fiddler）无法从服务器捕获这些消息（来自socket.io/websocket）？ 请澄清一下。

458 node.js  google-chrome  firebug  websocket  socket.io 

有什么用console.log？ 请通过代码示例说明如何在JavaScript中使用它。

414 javascript  firebug  console.log 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？ 更新问题，使其成为Stack Overflow 的主题。 3年前关闭。 像大多数Web开发人员一样，我偶尔也喜欢查看网站的来源，以了解其标记的构建方式。Firebug和Chrome开发者工具之类的工具使检查代码变得容易，但是如果我要复制一个孤立的部分并在本地使用它，则复制所有单个元素及其关联的CSS会很痛苦。保存整个源代码并剪切不相关的代码可能需要做很多工作。 如果可以在Firebug中右键单击一个节点并具有“为该节点保存HTML + CSS”选项，那就太好了。是否存在这样的工具？是否可以扩展Firebug或Chrome开发者工具来添加此功能？

403 html  css  internet-explorer  firebug  google-chrome-devtools 

我正在尝试加载本地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的控制台中，它可以正常工作，并且我可以访问数据。 有人有解决办法吗？

322 javascript  jquery  json  firebug  local-files 

您可以在Google Chrome中使用类似Firebug的东西吗？ 我想要的基本功能： 检查HTML源（选择元素，将其删除等） 检查CSS值（内置解决方案有些奇怪）

278 html  css  google-chrome  debugging  firebug 

我最近一直在为网站设计打印样式表，但我意识到我对有效的调整方法一无所知。具有重新加载周期以处理屏幕上的布局是一回事： 更改密码 命令标签 重装 但是当您尝试打印时，整个过程变得更加艰巨： 更改密码 命令标签 重装 打印 斜视打印预览图像 在预览中打开PDF以进行进一步检查 我这里缺少工具吗？WebKit的检查器是否具有“假装此页面媒体”复选框？Firebug（颤抖）能做些魔术吗？

238 css  printing  firebug  google-chrome-devtools  web-inspector 

我将一些表格包含在HTML表中，以添加新行和更新当前行。我得到的问题是，当我在开发工具中检查表单时，发现打开后立即关闭了表单元素（输入等未包含在表单中）。 因此，提交表单无法包含这些字段。 表格行和输入如下： <tr> <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </form> </tr> 任何帮助都会很棒，谢谢。

238 html  firebug  html-table  forms 

我如何检查鼠标移开时消失的元素？ 我不知道它是ID，类还是什么，但想检查一下。 我尝试过的解决方案： 在控制台中运行jQuery选择器，$('*:contains("some text")')但没有运气，主要是因为该元素未隐藏，但可能已从DOM树中删除。 手动检查DOM树中的更改并没有给我任何帮助，因为似乎太快就无法注意到更改了。 成功： 我已经成功实现了事件断点。具体来说-就我而言是mousedown 只需Sources-> Event Listener Breakpoints-> Mouse-> mousedown在Chrome中进入即可。之后，我单击了要检查的元素，并在内部Scope Variables看到了一些有用的说明。

152 javascript  google-chrome  firefox  firebug  opera-dragonfly 

Firefox的Firebug具有一个不错的功能，称为“属性更改中断”，在这里我可以标记任何对象的任何属性，并且它将在更改之前停止JavaScript执行。 我正在尝试在Google Chrome浏览器中实现相同功能，但在Chrome调试器中找不到该功能。如何在Google Chrome浏览器中执行此操作？

147 javascript  debugging  firefox  google-chrome  firebug 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 Firebug是我发现的用于编辑CSS的最方便的工具-为什么CSS没有简单的“保存”选项？ 我总是发现自己在Firebug中进行调整，然后回到我的原始.css文件并复制这些调整。 有谁想出更好的解决方案？ 编辑：我知道代码存储在服务器上（大多数情况下不是我自己的），但是在构建自己的网站时会使用它。 Firebug仅使用从服务器下载的.css文件Firefox，它确切地知道正在编辑哪些文件中的行。我看不到为什么没有“导出”或“保存”选项，该选项允许您存储新的.css文件。（然后我可以将其替换为）。 我尝试查找临时位置，然后选择“ 文件” >“ 保存...”，并尝试在Firefox上使用输出选项，但是我仍然没有找到解决方法。 编辑2： 官方讨论小组有很多问题，但没有答案。

143 css  firebug 

我正在使用这个小脚本来查找Firebug是否打开： if (window.console && window.console.firebug) { //is open }; 而且效果很好。现在，我正在搜索半小时，以找到一种方法来检测Google Chrome的内置Web开发人员控制台是否已打开，但找不到任何提示。 这个： if (window.console && window.console.chrome) { //is open }; 不起作用。 编辑： 因此，似乎无法检测到Chrome控制台是否处于打开状态。但是有一个“ hack ”有效，但有一些缺点： 控制台断开连接时将不起作用 在页面加载中打开控制台时将不起作用 因此，我现在将选择Unsigned的答案，但是如果some1提出了一个绝妙的主意，欢迎他继续回答，我将更改选择的答案！谢谢！

141 javascript  google-chrome  firebug  google-chrome-devtools 

是否有IE的控制台记录器？我正在尝试将一堆测试/断言记录到控制台，但是我无法在IE中执行此操作。

119 javascript  internet-explorer  internet-explorer-8  console  firebug 

重定向到另一个页面后，Google Developer Tools的“网络”标签会清除，我想知道是否可以保留所有请求？ 我想这样做是因为我想验证一个POST请求，但它会重定向并被清除。 在Firebug中，我们可以使用“ Persist”选项： （“ Persist”选项可防止在重新加载页面时清除控制台。这意味着，只要启用此选项，消息就会保留在控制台内。） https://getfirebug.com/wiki/index.php/Console_Panel

107 google-chrome  firebug  developer-tools 

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

107 javascript  iframe  console  firebug