当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Firebug技巧:脚本调试,选项卡和CSS调试

Javascript
JavaScript DOM学习第八章 表单错误提示
JavaScript DOM 学习第九章 选取范围的介绍
JavaScript CSS修改学习第一章 查找位置
JavaScript CSS修改学习第二章 样式
JavaScript CSS修改学习第三章 修改样式表
JavaScript CSS 修改学习第四章 透明度设置
JavaScript CSS修改学习第五章 给“上传”添加样式
JavaScript CSS修改学习第六章 拖拽
Jquery乱码的一次解决过程 图解教程
javascript 包裹节点 提高效率
javascript inneHTML的地雷
javascript 定义新对象方法
判定对象是否为window的js代码
jquery validator 插件增加日期比较方法
jquery 得到当前页面高度和宽度的两个函数
JavaScript 编写匿名函数的几种方法
jQuery 操作下拉列表框实现代码
jQuery入门问答 整理的几个常见的初学者问题
第一个JavaScript入门基础 document.write输出
javascript入门基础之私有变量

Javascript 中的 Firebug技巧:脚本调试,选项卡和CSS调试


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 644 ::
收藏到网摘: n/a

脚本调试

第一步:设置中断(鼠标左键点击)

第二步:输入中断条件(可选功能,鼠标右键点击红点)

第三步:触发中断(当符合条件是,中断被触发)

出现中断后,我们可以看到在右边出现了这样一个选项卡【监控、堆栈、断点】

第一个选项卡:监控

如过需要查看某个对象的值,可以点击新建监控表达式,例如输入对象的名称:subMenu

我们就可以看到subMenu的类型是DIV,点击展开内容,是subMenu这个对象的各个属性和方法

第二个选项卡:堆栈

内容显示的是当前中断点程序的调用顺序,在这个例子中是先触发了 onmouseover,然后调用了shownav

第三个选项卡:断点

可以设置多个断点,或者删除断点

CSS调试

上面出现了3个index.jsp,说明在这个index.jsp中出现了3处css碎片。

点击css的值,可以进行修改,即时反映到页面上。点击禁止符号,则可以屏蔽该行CSS。

双击空白处,新增CSS规则。