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

Javascript
网页常用小技巧—javascript篇
中文的版用javascript实现超酷的“网页时钟”
60秒倒计时的一个小javascript
一步一步教你用JS和INF编辑注册表
仿Office 2003的工具条
javascript加密解密终级指南
在网页里做类似window右键的弹出式菜单
几行代码轻松搞定网页的简繁转换
利用Yahoo! Search API开发自已的搜索引擎-javascript版
服务器控件中js脚本注册方法
一行代码生成Google SiteMap
用javascript连接access数据库的方法
javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
javascript的IE和Firefox兼容性汇编
TreeView节点互斥,autopostback=false的方法
一个解析URL及图片地址的JS函数
javascript模拟ACDSEE简单功能
实现textarea内字符串选择查询替换功能
javascript Web页面内容导出到Word、Excel
在客户端设置cooke和获取cooke的函数

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


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

脚本调试

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

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

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

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

第一个选项卡:监控

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

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

第二个选项卡:堆栈

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

第三个选项卡:断点

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

CSS调试

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

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

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