网络编程
位置:首页>> 网络编程>> 网页设计>> Firefox扩展工具:Firebug调试经验与技巧(2)

Firefox扩展工具:Firebug调试经验与技巧(2)

作者:catge 来源:Alipay UED 发布时间:2008-10-31 13:16:00 

标签:firebug,工具,调试,Firefox

2、查看动态生成的HTML代码的方法

通过“查看源代码”的方法,无法看到由JS动态生成的HTML结构,这里我们可以通过Firebug来查看,如下图,选中“body”节点,按下“编辑”,即可输出页面上源文件的代码以及动态生成的代码。

还有另外一种简单的方法,选中你要查看的页面元素,然后在右键菜单中选择“查看选中部分源代码”

3、查看/测试页面的函数执行效率

查看页面上所有函数执行效率可以很容易的找到运行最慢的函数,从而帮助WD有针对性的进行页面的JS优化。如图,为需要调试的页面“启用控制台”:

点击“概况”开始收集,再次点击即可停止,然后进行查看。

在firebug控制台的最底下是一排命令行,在这里你可以输入任意JS语句,按下回车键即可执行:

使用console,还可以测试一段代码或者函数的执行时间,点击命令行最右侧的红色按钮切换到命令行多行模式:

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com