CSS基础教程之Firebug调试工具

开发时,推荐大家电脑上都安装一下火狐浏览器(Firefox)

20.png

Firefox里面有一款叫Firebug的插件

21.png

  • Firebug是网页浏览器 Mozilla firefox下的一款开发类插件, 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面, 给Web开发者带来很大的便利。

  • 对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一,也可以说Firebug的CSS调试器是专为网页设计师们量身定做的!

接下来,我们来安装firebug

  • 首先 搜索Firefox并安装

  • 安装完成后,打开浏览器

  • 点击右上角,如下图

22.png

  • 点击添加附加

  • 在页面中搜索firebug

23.png

  • 搜索到,点击安装即可,安装完成后重启浏览器,在右上角会出现

24.png

此时即已安装成功,点击即可开启firebug

使用方法在以后的学习中会慢慢介绍,大家也可以去网上搜索相关介绍

继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> h1{ color:red; border:1px solid black; text-align:center; background-color:#666666; } </style> </head> <body> <h1>欢迎加入php.cn</h1> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS基础入门教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

蓝银风

firebug已经下架了,现在推荐哪个火狐插件比较好呢。

5年前    添加回复 0

我是灰太狼

好多都看不懂

7年前    添加回复 0

看山看水看代码

照着说明下了一个装上了,以后慢慢研究

7年前    添加回复 0

看透不说透

这个可以,f12 或者 ctrl+shift+i

7年前    添加回复 0

baby不要哭泣

火狐太开放了,插件太多

7年前    添加回复 0

尼古拉阿列克塞耶维奇奥斯特洛夫斯基

我只用谷歌,咋办

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~