如何使用FireBug

FireBug是FireFox浏览器的一个插件,本家儿如果用来调试前端代码的,好比HTML,JS,CSS 。 是前端开辟人员必备的东西 。
但要注重的是,在新版本的游戏里,FireBug已经不再更新,已经不再维护了 。 但浏览器自带的开辟者东西也近似于FireBug,是一样的利用 。
方式/
1要利用FireBug,我们先打开一个网页 。

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图

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

如何使用FireBug

文章插图


以上内容就是如何使用FireBug的内容啦,希望对你有所帮助哦!

    推荐阅读