1、要使用FireBug,我们先打开一个网页。
2、在网页上,右键任意地方,在弹出的菜单上,点击‘查看元素’
3、点击后,就打开了FireBug工具了,就在浏览器的底部下方。
4、通过FireBug,我们可以定位到页面上的HTML代码,比如页面上的某个元素所对应的代码。可以使用‘查看器’旁边的箭头,在页面上点击这个元素,对应的代码就会在下方里显示了。
5、旁边的控制台,主要是输入代码的调试信息,比如你在代码里添加了调试信息console.log('jy')。这个信息的输出就是显示在控制台里的。
6、调试器,是用来调试JS脚本代码的,我们可以在代码里点击加上断点,当代码运行到断点上时,就会进行中断了。
7、另外一个重要的工具,是这个样式编辑器,在这里我尺攵跋赈们可以看到网页所使用的样式,而且我们可以在右边的框里,实时输入新的代码,输入后,就会应用到页面上了的,可以方便我们看到对应的效果。