Tag: 萤火虫

谷歌浏览器的类似Firebug的debugging器: 有什么可以在Google Chrome中使用的Firebug吗？我想要的基本function：检查HTML源代码（select元素，删除它们等）检查CSS值（内置的解决scheme很奇怪，不知何故）

为什么我不能在Firebug中保存CSS更改？: Firebug是我find的用于编辑CSS的最方便的工具 – 为什么没有简单的“保存”CSS选项？我总是发现自己在Firebug中进行调整，然后回到我的原始.css文件并复制调整。有没有人想出更好的解决scheme？编辑：我知道代码存储在服务器上（大多数情况下不是我自己的），但我build立自己的网站时使用它。 Firebug只是使用从服务器上下载的.css文件的Firefox，它确切地知道它正在编辑哪些文件。我看不出为什么没有“导出”或“保存”选项，它允许您存储新的.css文件。（我可以用它replace远程的）。我已经尝试在临时位置寻找，并select文件 > 保存…和试验在Firefox的输出选项，但我还没有find一种方法。编辑2：官方讨论组有很多问题，但没有答案。

查看生成的网页源的最佳途径？: 我正在寻找一个工具，它会给我正确的生成的源代码，包括通过AJAX请求input到W3的validation器的DOM更改。我已经尝试了以下方法： Web开发工具栏 – 根据文档types生成无效的源文件（例如，删除标签的自closures部分）。丢失页面的文档types部分。 Firebug – 修复源代码中的潜在缺陷（例如未封闭的标签）。也失去标签的doctype部分，并注入本身是无效的HTML控制台。 IE开发工具栏 – 根据文档types生成无效的源文件（例如，它使所有的标签大写，对XHTML规范）。突出显示+查看select源 – 经常难以获得整个页面，也不包括doctypes。是否有任何程序或插件，将给我的源的确切当前版本，没有修复或以某种方式更改？到目前为止，Firebug似乎是最好的，但我担心它可能会解决我的一些错误。解事实certificate，Justin解释说，我没有确切的解决办法。最好的解决scheme似乎是validationFirebug控制台内部的源代码，尽pipe它会包含一些由Firebug造成的错误。我还要感谢Forgotten Semicolon，解释为什么“查看生成的源”与实际的源不匹配。如果我可以标记2个最好的答案，我会的。

如何在Internet Explorer中使用控制台日志logging？: 有一个控制台logging器的IE浏览器？我想logging一堆testing/断言到控制台，但我不能在IE中做到这一点。

从现有网站select性地复制HTML + CSS + JS的工具: 像大多数网站开发人员一样，我偶尔也想看看网站的来源，看看他们的标记是如何构build的。像Firebug和Chrome Developer Tools等工具可以很容易地检查代码，但如果我想复制一个孤立的部分，并在本地玩弄它，复制所有单个元素和它们相关的CSS将是一个痛苦。而且，保存整个源代码和删除不相关的代码可能同样重要。如果我可以在Firebug中右键单击某个节点，并select“为此节点保存HTML + CSS”，那就太好了。这样的工具是否存在？是否可以扩展Firebug或Chrome开发者工具来添加此function？

为什么firebug将<tbody>添加到<table>？: 我查看了html源代码，没有<tbody> ，但是当通过HTML选项卡中的萤火虫查看时， <tbody>出现。任何想法为什么？

JavaScript“new Array（n）”和“Array.prototype.map”怪异: 我已经在Firefox-3.5.7 / Firebug-1.5.3和Firefox-3.6.16 / Firebug-1.6.2中观察到了这一点当我激发Firebug时： >>> x = new Array(3) [undefined, undefined, undefined] >>> y = [undefined, undefined, undefined] [undefined, undefined, undefined] >>> x.constructor == y.constructor true >>> x.map(function(){ return 0; }) [undefined, undefined, undefined] >>> y.map(function(){ return 0; }) [0, 0, 0] 这里发生了什么？这是一个错误，或者我误解如何使用new Array(3) ？

如何使用Firebug（或类似工具）debuggingJavaScript / jQuery事件绑定: 我需要debugging一个使用jQuery的web应用程序来执行一些相当复杂和混乱的DOM操作。有一段时间，某些与特定因素有关的事件不会被解雇，而只是停止工作。如果我有能力编辑应用程序源代码，那么我将深入研究并添加一堆Firebug console.log()语句和注释/取消注释代码片段，以查明问题所在。但是让我们假设我不能编辑应用程序代码，并需要使用Firebug或类似工具完全在Firefox中工作。 Firebug非常擅长让我导航和操作DOM。到目前为止，我还没有弄清楚如何使用Firebug进行事件debugging。具体来说，我只想看在特定时间绑定到特定元素的事件处理程序列表（使用Firebug JavaScript断点来跟踪更改）。但是，无论是萤火虫没有能力看到绑定的事件，或者我太愚蠢，找不到。 🙂 任何build议或想法？理想情况下，我只想查看和编辑绑定到元素的事件，与我今天如何编辑DOM类似。