Firefox扩展工具：Firebug调试经验与技巧
作者：catge 来源：Alipay UED 发布时间：2008-10-31 13:16:00
标签：firebug,工具,调试,Firefox
不了解的同学先“点这里”看看什么是Firebug。简单来说，Firebug是Firefox上用来监视、编辑和调试站点的CSS、HTML、DOM和JavaScript的扩展工具。
我们先到Firebug的主页上下载最新的版本装上，下面开始调试：
1、查看、编辑HTML元素及其CSS
安装好Firebug之后，你可以通过点击浏览器右下方的小虫子打开Firebug，如图：
或者直接按F12，如果要以窗口形式打开的话，就按下CTRL+F12
打开Firebug之后，点击“查看”，然后选择页面上任何需要编辑的地方，Firebug会将其选中，并且在HTML结构中将其高亮，如图：
之后你可以对该元素的HTML结构、属性进行任意的编辑，修改后的效果都会实时的展现在页面当中。
同时在Firebug的右侧是该元素对应的CSS样式，如下图：
图中的样式，显示了该元素被重新定义的样式继承关系，比如“继承自body.CurHome”的“text-align”属性被“继承自div.shell”的“text-align”覆盖，原先的属性就会以中横线的形式表示出来。如果要查看所有的属性，请勾选图中标“1”的选项。
单击“2”可以禁用/打开某条CSS属性；单击任意一个属性或者属性值可以进行CSS的编辑，如“3”；双击“4”则可以新建一条CSS属性。现在我们点击下“5”来看看CSS布局面板：
上面这幅图展现的是一个HTML结构的标准盒模型，通过点击相应的数值可以修改该值，同时在浏览器窗口中显示出对应的效果来。
0
投稿猜你喜欢
本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码效果如下：html<div id="app">&- 运行下列脚本，可以打印出模型各个节点变量的名称：from tensorflow.python import pywrap_tensorflo
- 目录常规加载QImageReader 类昨天写程序遇到一个问题，pyqt5 加载常规的图片完全可以显示。可当加载超清的高分辨率图片时，只能显
- 目录一、简单字段定义1、定义 Schema 并生成 Parquet 文件2、验证 Parquet 数据文件二、含嵌套字段定义1、验证 Par
- 本文实例讲述了Python使用回溯法解决迷宫问题。分享给大家供大家参考，具体如下：问题给定一个迷宫，入口已知。问是否有路径从入口到出口，若有
- 最近写毕业设计遇到一个问题，就是我从一个txt文件中逐个读取字符，并修改其中的内容后存到另一个txt文件中，如下图：字符替换规则是把所有的0
- Hpack 是啥Hpack 是 HTTP2 的头部压缩算法。在 HTTP1 中，每次传输都会有大量的 Header 携带，我们可以拿一个实际
- web 调试工具介绍和开发环境搭建python与selenium开发环境搭建：一、下载python软件：https://www.python
- 在使用python函数print()时，如下代码会出现输出无法显示的问题：分三次在一行输出 123print(1, end="&q
- 一、背景 今天闲着无事，写了一个小小的Python脚本程序，然后给同学炫耀的时候，发现每次都得拉着其他人过来看着自己的电脑屏幕，感觉不是很爽
- 前言在上一章中,我们通过基础的搭建,成功的渲染了列表页面.但是,其中的问题是很多的.这一章,我们来解决这些问题.使用 v-bind 绑定数据
- 前言：之前自己做一个uni-app的项目的时候前端需要实现一个比较复杂的动态tab和swiper切换的功能，但是由于自己前端抠脚的原因没有写
- jinja2简介特征沙箱中执行强大的 HTML 自动转义系统保护系统免受 XSS模板继承及时编译最优的 python 代码可选提前编译模板的
- 来自 Nine Javascript Gotchas , 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意
- Python输入在Python中，使用内置函数input()可以接收用户的键盘输入input()函数的基本用法如下：variable = i
- 本文实例讲述了Python学习笔记基本数据结构之序列类型list tuple range用法。分享给大家供大家参考，具体如下：list 和
- 很多文章都有提到关于使用phpExcel实现Excel数据的导入导出，大部分文章都差不多，或者就是转载的，都会出现一些问题，下面是本人研究p
- 一、简介pandas中的ExcelFile()和ExcelWriter()，是pandas中对excel表格文件进行读写相关操作非常方便快捷
- 发现问题今天在使用ImageTk.photoImage()显示图片时，当把包含该函数放在自定义函数里时，不能正常显示，移到函数为又可正常显示
- 排序问题最近看了极客时间上 《MySQL实战45讲》，纠正了一直以来对 InnoDB 二级索引的一个理解不到位，正好把相关内容总结下。PS：
