Firebug使用秘籍

1.在Firebug的HTML和CSS视图中,任何出现URL的地方,Ctrl+左键点击都能快速打开链接。

2.快速更改CSS数值型属性值:编辑状态下,按 Up/Down 方向键就可以快速改变数值型属性值了,还可以用 PgUp/PgDn 每次改变10.
3.下面这些,稍微爱折腾Firebug的估计都知道:

    console.assert, 最简单的js单元测试,更多资料:Firebug Console Object and API
    CSS视图,双击空白处,快速添加属性
    选中某个DOM节点后,在CSS视图空白处右键,Edit Element Style… 快速添加内联样式
    DOM树上,可以通过上/下方向键快速导航,左/右方向键折叠。更多资料:Keyboard and Mouse Shortcuts

    DOM树上选中某个节点,右键,Copy HTML, Copy innerHTML, Delete Element, 通常很有用双击DOM树上的节点,立刻进入编辑状态.
    点击Script等Tab的下拉箭头,可以选择性激活功能
    Firecookie, YSlow, Jiffy等Firebug的插件只嫌少不嫌多……
    记住非Firefox浏览器下,可以使用Firebug Lite, 虽然不那么好用,但有比没强.

4.无敌秘技:

    在编辑器中打开功能,可以编辑不同的浏览器,如ieTester/ Chrome /Opera /

posted @ 2011-09-18 23:36  wkylin  阅读(271)  评论(1编辑  收藏  举报