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

Javascript
JavaScript 基础问答一
CSS JavaScript 实现菜单功能 改进版
JavaScript 图片切割效果(放大镜)
JavaScript 拖放效果代码
漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
鼠标滑过 放大显示效果的列表
JS 相册效果 自动播放[本地整合]
仿CSDN 右下角悬挂的浮动层效果
右下角广告(点击广告后出现关闭按钮可关闭)
javascript this用法小结
JavaScript 绘图代码
JavaScript CSS菜单功能 改进版
javascript jQuery插件练习
jQuery 浮动广告实现代码
jQuery 位置插件
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
jquery 图片预加载 自动等比例缩放插件
JavaScript 仿关机效果的图片层
javascript 对表格的行和列都能加亮显示
JavaScript Select和Option列表元素上下左右移动

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


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

脚本调试

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

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

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

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

第一个选项卡:监控

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

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

第二个选项卡:堆栈

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

第三个选项卡:断点

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

CSS调试

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

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

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