Firebug控制台详解
- boho - 阮一峰的网络日志Firebug是网页开发的利器，能够极大地提升工作效率. 我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法. 控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息. Firebug内置一个console对象，提供5种方法，用来显示信息.
Firebug 1.8 正式版发布
标签：
firebug
| 发表时间：2011-08-01 16:31 | 作者：(author unknown) Jet
出处：http://www.iteye.com
著名的Firefox网页调试开发插件 Firebug 1.8 正式版发布了，兼容 Firefox 5.0。
新功能如下：
1. console.timeStamp() 可以用来方便的比较 HTTP 传输和 JavvsScript 执行时间
2. 可以在网络面板显示 IP 相关信息
网格面板可以为每次请求显示远程以及本地IP地址的端口号。
3. 重载 HTML 的预览功能
这个特性更加强大，允许您通过拖拽来调整预览页面的高度，方便查看内容。
4. 改善脚本位置列表
可以通过滚动条来自动调整脚本面板中的脚本位置列表。很方便用户轻松定位到指定的脚本。
5. 支持在重新载入页面时保持命令行内容的一致性
该特性允许您在不同页面上快速执行相同的表达式。这是Firebug成为不可缺少的工具的特色之一。
6. 新增了DOM 面板选项
彩色预览工具可以显示指定颜色的各种格式。 支持的格式 ： 十六进制、RGB 、 RGBA 、 HSL 和HSLA 。
8. 支持快捷键改变 CSS 属性值，Ctrl+Up/Down 按照0.1的速度增减，Shift+Up/Down 按照10的速度增减。
9. 更好的支持外部编辑器
10. 支持在布局侧面板显示 CSS3 的新 Box Sizing 属性
CSS3中引入了一个新的属性Box Sizing属性，允许用户改变元素的box模型，从而影响元素的布局。在布局的侧面板中可以显示出这个属性的值。
下载地址：http://getfirebug.com/releases/firebug/1.8/
英文原文：http://hacks.mozilla.org/2011/07/firebug-1-8-new-features/
感谢 lihuapi 投递这篇资讯
声明：本文系ITeye网站发布的原创资讯，严禁任何网站转载本文，否则必将追究法律责任！
已有 15 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
新功能如下：
1. console.timeStamp() 可以用来方便的比较 HTTP 传输和 JavvsScript 执行时间
2. 可以在网络面板显示 IP 相关信息
网格面板可以为每次请求显示远程以及本地IP地址的端口号。
3. 重载 HTML 的预览功能
这个特性更加强大，允许您通过拖拽来调整预览页面的高度，方便查看内容。
4. 改善脚本位置列表
可以通过滚动条来自动调整脚本面板中的脚本位置列表。很方便用户轻松定位到指定的脚本。
5. 支持在重新载入页面时保持命令行内容的一致性
该特性允许您在不同页面上快速执行相同的表达式。这是Firebug成为不可缺少的工具的特色之一。
6. 新增了DOM 面板选项
- “只显示自身属性”选项
- “只显示可枚举的属性”选项。
彩色预览工具可以显示指定颜色的各种格式。 支持的格式 ： 十六进制、RGB 、 RGBA 、 HSL 和HSLA 。
8. 支持快捷键改变 CSS 属性值，Ctrl+Up/Down 按照0.1的速度增减，Shift+Up/Down 按照10的速度增减。
9. 更好的支持外部编辑器
10. 支持在布局侧面板显示 CSS3 的新 Box Sizing 属性
CSS3中引入了一个新的属性Box Sizing属性，允许用户改变元素的box模型，从而影响元素的布局。在布局的侧面板中可以显示出这个属性的值。
下载地址：http://getfirebug.com/releases/firebug/1.8/
英文原文：http://hacks.mozilla.org/2011/07/firebug-1-8-new-features/
感谢 lihuapi 投递这篇资讯
声明：本文系ITeye网站发布的原创资讯，严禁任何网站转载本文，否则必将追究法律责任！
已有 15 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
相关 [firebug] 推荐：
Firebug 1.8 正式版发布
- Jet - ITeye资讯频道 著名的Firefox网页调试开发插件 Firebug 1.8 正式版发布了，兼容 Firefox 5.0. console.timeStamp() 可以用来方便的比较 HTTP 传输和 JavvsScript 执行时间. 可以在网络面板显示 IP 相关信息. 网格面板可以为每次请求显示远程以及本地IP地址的端口号.
Firebug Console API 与命令行
- 红茶 - WEB前端开发前几天有人问我关于firebug console的问题，其实我平时用的最多也就是console.log,相当于alert(). 还真没深入了解其他的api，今天在jsmix上看到了，所以转载过来分享一下 Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用.
在firefox里如何实现firebug的DOM inspect选择功能?
- 競 - rank's technical notes首先，我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器，设置border. 接着，mousedown，这个absolute的元素隐藏；. 再着着，click结束后从事件里的event得到target，从而再得到inspect. mouseover如果在某个元素上飘一个absolute容器，那么你的over事件永远在这个absolute元素上了.
Firefox Firebug 项目领导人跳槽去 Chrome
- Tomyail - 谷奥——探寻谷歌的奥秘对于一个项目来说，对令人感到悲催的事情就是开发工程师们跳槽了. 最近这样的悲剧就降临到了Firebug项目组身上. Firebug项目组领导人John J. Barton转投Chrome旗下. 想必Firebug大家都不会太陌生，这是一款Firefox上的插件. 如果你是一个工程师，或者开发人员，大部分的机会你会使用过它.
开发过快 Firebug开发者跳槽到Chrome
- 尉铧 - cnBeta.COM据CNET报道，火狐浏览器扩展Firebug程序员John J.Barton被Chrome开发小组聘请，将不再开发firebug，转为Chrome浏览器调试. John J.Barton于7月17日写到，“本周一，我开始在谷歌Chrome浏览器小组的新一代网络开发工具团队工作. 并且不再为火狐浏览器提供纠错调试扩展firebug”.
Web开发者应掌握的12个Firebug技巧
- - 搜索引擎技术博客相信很多从事Web开发工作的开发者都听说和使用过Firebug，但可能大部分人还不知道，其实它是一个在网页设计方面功能相当强大的编辑器，它 可以对HTML、DOM、CSS、HTTP和Javascript进行全面的跟踪和调试. 它是Firefox浏览器的一个插件，所以建议各位Web开发 者，要充分利用FireFox浏览器和Firebug插件进行日常的调试工作.