如何使用FireBug

FireBug是FireFox浏览器的一个插件，本家儿如果用来调试前端代码的，好比HTML，JS，CSS。是前端开辟人员必备的东西。

但要注重的是，在新版本的游戏里，FireBug已经不再更新，已经不再维护了。但浏览器自带的开辟者东西也近似于FireBug，是一样的利用。

方式/步调

1. 1

   要利用FireBug，我们先打开一个网页。

   
2. 2

   在网页上，右键肆意处所，在弹出的菜单上，点击‘查看元素’

   
3. 3

   点击后，就打开了FireBug东西了，就在浏览器的底手下方。

   
4. 4

   经由过程FireBug，我们可以定位到页面上的HTML代码，好比页面上的某个元素所对应的代码。可以利用‘查看器’旁边的箭头，在页面上点击这个元素，对应的代码就会鄙人方里显示了。

   
5. 5

   旁边的节制台，本家儿如果输入代码的调试信息，好比你在代码里添加了调试信息console.log('jy')。这个信息的输出就是显示在节制台里的。

   
6. 6

   调试器，是用来调试JS剧本代码的，我们可以在代码里点击加上断点，今世码运行到断点上时，就会进行间断了。

   
7. 7

   别的一个主要的东西，是这个样式编纂器，在这里我们可以看到网页所利用的样式，并且我们可以在右边的框里，及时输入新的代码，输入后，就会应用到页面上了的，可以便利我们看到对应的结果。