Firebug使用详解(14)

　　通过右键菜单你可以复制文件地址(Copy Location)、

　　HTTP请求头信息(Copy Request Headers)和HTTP响应头信息(Copy Response Headers)。

　　如果不想使用该功能，

　　可以选择Options菜单的“Disable Network Monitoring”关闭该功能。

　　10、 命令行调试

　　在“Console”标签了有一个命令行工具，

　　我们可以在这里运行一些脚本对页面进行调试。

　　我们在命令行中输入“document.getElementById('div2').innerHTML”看看效果(图10-1)，

　　别忘了用TAB键实现快速输入关键字。

　　在信息区显示了当前“div2”的显示内容。

　　要输入“document.getElementById”是不是觉得很麻烦?

　　这里有一个简单的办法，

　　用“$”符号代替“document.getElementById”，

　　我们再在命令行中输入“$('div2').innerHTML”，

　　然后看看结果，

　　是一样(图10-2)。

　　当你通过“Inspect”锁定了一些HTML Element时，

　　你可以通过“$1”来访问最后一个Element，

　　依次类推，

　　我们可以通过“$n”(n>1)访问依次倒序访问锁定的Element。

　　我们来实践一下，

　　刷新一下测试页面，

　　然后按下“Inspect”按钮，

　　鼠标单击“方块二”，

　　然后在按下“Inspect”按钮，

　　单击“方块一”。

　　将firebug窗口切换回“Console”标签，

　　然后输入“$1”，

　　回车后再输入“$2”，

　　查看一下结果(图10-3)，

　　正是我们用锁定过的Element。

　　在命令行还可以通过“$$(HTML 标记)”返回一个Element数组。

　　我们在测试页输入“$$(‘div’)”看看(图10-4)。

原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html