文档章节

Firebug 教程

Amamatthew
 Amamatthew
发布于 2014/08/21 10:51
字数 271
阅读 34
收藏 0

什么是 Firebug?

Firebug 是一个开源的web开发工具。

在本章教程我们将讨论以下内容:



安装 Firebug

Firebug下载地址: https://addons.mozilla.org/en-US/firefox/addon/1843/

使用Firefox浏览器访问以上下载地址,打开页面后,点击下载按钮后,会有个弹窗页面,提示安装的目录,安装后重启你的Firefox浏览器。

重启后就可以在Firefox浏览器中看到Firebug的图标。点击Firebug图标(位于Firefox浏览器右上角)即可激活Firebug插件。

firedebug



Firebug 组件

Firebug 选项

firebug-opitons

在页面上点击检查元素

firebug-inspect

撤销与恢复

go-back-forward

显示命令行

show-command-line

面板选择

panel-selector

控制台

console-and-enabling-it

HTML 面板

HTML-panel

CSS 面板

CSS-panel

脚本面板

Script-panel

DOM 面板

DOM-panel

网络面板 (用于网页测速和优化)

Net-panel

其他按钮

other-buttons

  • 1 - 最小化Firebug。

  • 2 - 在浏览器窗口安装Firebug。

  • 3 - 停用Firebug。


本文转载自:http://www.w3cschool.cc/firebug/firebug-tutorial.html

Amamatthew
粉丝 67
博文 1050
码字总数 76443
作品 0
厦门
后端工程师
私信 提问
《切入口web教学——使用firebug调试css代码》录制完成

切入口(http://qierukou.com)致力于职业web前端开发定向在线培训。这节课主要讲解什么是firebug,firebug的 安装过程,firebug基本操作,以及职业web前端开发是如何利用firebug来调试代码的,...

qierukou
2014/04/17
71
0
Selenium系列----->Selenium 脚本编写环境的搭建

脚本开发环境的搭建-JUnit *手把手SELENIUMJAVA搭建总结汇总篇:http://wenku.baidu.com/link?url=9dt8PTJiBNqt17CjjwPWk-QCUP2w6fMDjCBrCO6e-hXCBQCXwnmyzFK9ODgsPqvkgv1PtN8sQpF4pl-og33......

智能小松鼠
2015/02/17
582
0
firefox插件Firebug的使用教程

Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人们的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Saf...

挨踢骑术
2011/03/11
5.6K
8
python爬虫----(5. scrapy框架,综合应用及其他)

在分析和处理选择内容时,还需注意页面的JS可能会修改DOM树结构。 (一)GitHub的使用 由于之前使用Win,没使用过shell的。目前只是了解。以后再补充。找到几个不错的教程 GitHub超详细图文攻...

明天以后
2014/08/21
712
0
IE8开发人员工具教程(一)

2009年3月,微软公司发布了Internet Explorer 8.0版。 目前,在所有浏览器中,IE家族的份额占到2/3,而且,IE 8会捆绑在Windows Vista和Windows 7之中。可以预料,这个软件将成为使用量最大的...

阮一峰
2009/05/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Handler消息传递机制分析

Handler的用途和用法 写过Android程序的人大概都会遇到ANR(Application Not Responding)。如果程序在一段时间内没有响应,系统就会弹出一个对话框,让用户选择继续等待还是强制关闭应用。为...

tommwq
今天
5
0
JS前端MD5加密

Bootstrap官网获得md5 js地址:https://www.bootcdn.cn/blueimp-md5/ <!--MD5加密--><script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script> 使用方法: md5(pwd)......

被毒打的程序猿_先瑞
今天
8
0
BigDecimal 去后面无用的0的方法

BigDecimal a=new BigDecimal("0.1000"); System.out.println(a.stripTrailingZeros().toPlainString());...

xiaodong16
今天
7
0
JAVA--高级基础开发

[集合版双色球] 十二、双色球规则:双色球每注投注号码由6个红色球号码和1个蓝色球号码组成。红色球号码从1—33中选择;蓝色球号码从1—16中选择;请随机生成一注双色球号码。(要求同色号码...

李文杰-yaya
昨天
27
0
聊聊rocketmq broker的CONSUMER_SEND_MSG_BACK

序 本文主要研究一下rocketmq broker的CONSUMER_SEND_MSG_BACK CONSUMER_SEND_MSG_BACK rocketmq/common/src/main/java/org/apache/rocketmq/common/protocol/RequestCode.java public class......

go4it
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部