多语言展示
当前在线:823今日阅读:19今日分享:20

使用火狐的firebug调试网页兼容性

我们在做网页的时候,有时写了一些样式在个别浏览器里面不兼容,但我们又不知道在哪里,要调成什么样才可以,这时我们可以使用火狐的firebug调试网页兼容性,有一些兼容性好的浏览器,你多写了几个像素在里面的框,他不影响效果,有些兼容性不好的浏览器,多一个像素网页都会被撑破。
工具/原料
1

火狐浏览器

2

firebug插件

方法/步骤
2

第二步,打开附加组件面板;

3

第三步,在搜索哪里输入'firebug',然后就会出现这个组件,我们选择安装这个组件并启用,有时安装好了需要重新启动浏览器;

4

第四步,附件完'firebug'后,我们可以设置一下调试窗口出现的位置,默认是在下方出现,这里可根据自己的习惯设置;

5

第五步,打开'firebug'组件,可以点击工具栏上的小虫子图标,也可以直接按F12快捷键弹出窗口;

6

第六步,点击'firebug'窗口上的小箭头,然后在页面上选择你要调试的版块,这时在右边你就可以看到这个版块的CSS代码,这里的代码可以在线修改调试,但不能直接修改你的CSS文件,需要自己根据调试的值去修改CSS文件;

7

我们即时看到修改的样式,如下图。

推荐信息