firebug 简单使用说明.docx

Firebug 使用简要说明friebug安装firefox 菜单中选择“附件组件”进入附件组件管理器页面搜索 firebug 如果找不到请在页面最下面点击查看全部结果，打开另外一个附件组件页面选择 firebug 后会出现“添加到Friefox”按钮，点击该按钮出现安装firebug组件的界面如下：五秒后，点击“安装”按钮；然后提示重启firefox ，重启后，就安装成功了。安装成功后，就会在firefox 右上角有个firebug的按钮，如下图所示。firebug 的使用打开firebug 工具点击firebug按钮，打开firebug 调试窗口，窗口显示在firefox 最下面如下图：通过firebug 可以抓包，捕获前后台交互的数据；通过查看数据是否正确，用来判断是前台问题还是后台问题。看看控制台是否启用，如果没有其他会出现启用按钮，点击启用即可；启用后，webUI和后台所有交互数据都可以通过firebug捕获到。以创建病毒过滤规则的过程举例如下：新建病毒过滤规则打开配置页面如下图：在病毒过滤配置页面填写相关配置项后，点击“确定”按钮创建规则。如果只关系创建规则时所交互的数据，就可以在点击确定按钮前把firebug之前抓获的数据清除；点击firebug 控制台中的“清除”按钮就可以把之前的数据清楚。创建成功后，在列表中可以正确显示。同时firebug捕获到两条http请求如下图。注意：只关系新建下发的数据，就需要把之前抓获的数据清除，点击控制台中的“清除”按钮，清除之前所有的数据。查看交互数据点开第一条http请求前面的加号”+”查看http请求的详细数据。详细信息包括：参数、头信息、post、响应、HTML、JSON；展开后如下图：参数、post 和响应是咱们最关心的数据；其中参数和post 是前台发给后台的数据；响应是后台返回前台的数据。默认显示的为响应的数据信息；响应数据为：{success:true, msg:OK}；响应数据的格式为：{success:true, msg:XXXXXXXX}；XXXXXX，如果操作成功返回“OK”，错误返回错误信息。返回数据只能为一组“{success:true, msg:XXXXXXXX}” 如果出现多组是不符合咱们的标准的，说明后台返回数据有问题就是后台问题。post数据 点击post按钮查看post数据，打开如下图：参数就是下发到后台的所有的post的参数列表，参数来源于页面input数据。通过这个可以确定下发后台哪些数据。查看参数，点击参数按钮，打开如下图：参数为请求URL 中的？后面的参数列表。QA同事发现bug后，如果不确定前台问题的时候，就可以用Firebug 来查看URL 信息和参数、post 数据，响应数据来确定是前台问题，还是后台问题；如果自己确定不了，可以把这些信息发给贴到bugzilla中，以便研发同事进一步定位问题。