FireBug与FirePHP

a.FireBug,平时用的比较多。就是在客户端调试代码。如：hTML ,CSS,JS等

b.FireBug安装较容易。

b-1,打开火狐浏览器

b-2,打开“附加组件”

b-3.搜索“firebug”

b-4,客户端安装即可。

c.调试，按“F12” 或者

d.直接在网页上选择要进行调试的“地方”，然后使用“Firebug”查看元素。

========================================================================

FirePHP,查看PHP逻辑代码，且做调试

a.首先确保你安装了Firebug，然后再去安装FirePHP

b.FirePHP的安装与Firebug类似

c.引入FirePHP的服务端,点击下载（FirePHPLibrary-FirePHPCore-0.3.2.zip），你只要在需要调试的文件引入FIrePHP库就行了

，require_once('FirePHPCore/fb.php')。

原理如下：FirePHP通过HTTP头发送记录的数据，你需要缓存你的代码产生的输出，从而来响应头信息从这里获取代码生成的内容。

这个可以通过在代码头部的ob_start来实现。

d.代码如下：

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>jQuery插件学习</title>

    <script type="text/javascript" src="./2.1.js"></script>

    <script type="text/javascript" src="./myplugin.js"></script>

</head>

<body>

       <a href="http://www.baidu.com/">1111</a>

      <a href="2222">22222</a>

      <a href="333">33333</a>

      <a href="444">44444</a>

      <hr/>

      <p>aaaa</p>

      <p>bbbbb</p>

      <p>ccccc</p>

      <p>ddddd</p>

      <?php

      ob_start();

      require_once('./FirePHPCore/fb.php');

   $aa = "dfsadfsadfdf";

   var_dump($a);

   fb($aa);

   $arr = array('a'=>"this is a5555555555",'b'=>'this is b8888888888888888888');

   $sql = "select * from demo";

   fb($arr);

   fb($arr, "数组");

   fb($sql,"sql");

   echo '<hr/>';

   fb('<hr/>');

   foreach($arr as $k => $v){

    fb($v.':'.'<br/>');

   }

   fb('<hr/>');

    echo '<hr/>';

      // efdsaf

     FB::log('Log message');

     FB::info('Info message');

      FB::warn('Warn message');

      FB::error('Error message');

      ?>

    <script type="text/javascript">

      $("a:first").myPlugin();

      // $("p:last").myPlugin();

    </script>

</body>

</html>

e.调试

补充=》火狐附件工具一览：https://addons.mozilla.org/zh-CN/firefox/extensions/language-support/