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

Javascript
JavaScript 自动完成脚本整理(33个)
7个Javascript地图脚本整理
JavaScript 事件记录使用说明
Javascript remove 自定义数组删除方法
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Jquery Ajax.ashx 高效分页实现代码
extjs 学习笔记 四 带分页的grid
javascript void(0)的妙用
用Javascript 编写可以缓慢弹出收缩的层
再谈ie和firefox下的document.all属性
JavaScript 常用函数库详解
JS 截取字符串substr 和 substring方法的区别
Domino中运用jQuery读取视图内容的方法
Js+CSS 文字渐隐渐现显示
Javascript 小写字母依次变为大写
JavaScript 炫彩的文字
javascript 洒脱飘动的文字
JavaScript 平滑文字闪烁
仿打字特效的JS逐字出现的信息文字
JavaScript数组应用 可依次读取的公告栏文字

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


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

脚本调试

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

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

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

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

第一个选项卡:监控

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

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

第二个选项卡:堆栈

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

第三个选项卡:断点

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

CSS调试

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

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

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