FireBug使用帮助

一. 说明：

      javascript语言灵活多变，不容易掌握。 web开发少不了和服务端交互，明白请求和响应到底传递了哪些数据有助于开发和纠错。

浏览器端的开发者工具可以帮助我们解决以上问题，这里拿火狐浏览器的firefox举例，其他工具大同小异。

二.功能说明：

  

 1.控制台：

   可以通过console.info(),console.warn()和console.error()函数输出调试信息，类似与Java的System.out.println();

2.脚本：类似与Java开发工具的Debug

  

 a.在1处选择需要调试的js文件

 b.在2处打断点

 c.在3处可以控制调试：单步跳入、单步跳出、下一个断点

 d..选择js表达式，右键点击选择监控可以在4处观测该表达式的值。

3.网络：

   

 显示每次交互过程信息：请求地址、请求参数、响应信息（错误码，json格式数据等）

三.心得：

 1. 开发工具的目的是帮助我们解决错误，解决错误的首要问题找到异常点。  web开发无非是三个步骤：

     a.浏览器收集参数发送请求；

     b.服务器接受参数，进行逻辑处理做出响应；

     c.浏览器根据响应做出 对应展示。

 

 2. 当出现错误（得不到我们想要的结果）时，这三个步骤都有可能出错，一步步的排查可以帮助我们锁定错误点。

     a.首先观察请求参数是否正确，如果正确则第一步无误；

     b.再观测服务端是否报错、响应信息是否正确，如果正确则服务端无误；

     c.如果以上两个步骤都正确，那就剩下浏览器展示的问题了。可以通过打印信息和脚本调试工具，来找出具体的问题所在。

四.补充：

  1.  多写打印信息、多调试，虽然在编码的时候会花费一定的时间，可有助于我们保证代码的正确性。

  2. firebug每个地方都可以点击，会给我们提供不同的帮助，在开发过程中要多尝试。