如何使用火狐狸的查看元素功能-如意宝魔方建站平台

如何使用火狐狸的查看元素功能

2017-02-21 15:01:01 次浏览

.box1129{ width:760px;font-size:12px;}.box1129 h3{ font-size:14px;text-indent:2em;}.box051101 {font-size: 16px;font-weight: bold;font-family:}.box051102 {color: #9F2524; font-size:12px;}.text {font-size: 12px;color: #333333;line-height: 25px;}.b_title {fo

时常，我们需要调整一个div的宽度或者处理一些兼容性问题，这些需要反复修改css来测试和调试，如何提交测试效率，在线编辑呢？这里给大家介绍一个浏览器和插件。

火狐浏览器（Mozilla Firefox）

Mozilla Firefox非正式中文名称火狐，是一个开源网页浏览器，使用Gecko引擎(即非ie内核)，由Mozilla基金会与数百个志愿者所开发。原名“Phoenix”（凤凰），之后改名“Mozilla Firebird”（火鸟），再改为现在的名字。目前最新的正式版本为Firefox 7.0。火狐浏览器是可以自由定制的，一般电脑技术爱好者都喜欢用。它的插件又是世界上最丰富的，这点得到了网友公认。下载来的火狐一般是纯净版，功能比较少，要根据自己的喜好进行定制！

我们平日会用到火狐以下其两大功能：

1）查看和编辑HTML代码

通过Firebug可以很简单的查找页面中的HTML元素。并且在您找到了需要的HTML元素之后，Firebug还提供了大量的相关信息，并且允许您动态的编辑HTML元素及其属性。

2）动态调整CSS

Firebug的CSS标签可以告诉您所有需要的style信息，如果您不喜欢现在的样式，直接就可以编辑CSS规则改变这些样式。

	第一步：	安装火狐浏览器。火狐中文版官网：http://firefox.com.cn/，下载安装火狐浏览器。

第二步：

安装firebug插件。打开火狐浏览器，选择“菜单栏——工具——附加组件”，在搜索框里输入“firebug”，点击搜索，会搜索出这个插件，如图1.1，选择“安装”。（首次安装该插件，会提示“安装”，本截图是已经成功安装）

（图1.1 搜索firebug插件界面）

	第三步：	使用火狐查看元素功能。用火狐任意打开一个网站，单击网站内容区域，会提示下拉框，我们选择“查看元素”，如图1.2和图1.3，除了可以查看元素对应的css外，还可以在线编辑，如图1.4

（图1.2 点击内容区，单击选择“查看元素”）

（图1.3 点击内容区，单击选择“查看元素”）

（图1.4 在线编辑）

有了这个查看元素和在线编辑功能，可以为我们测试css节省很多时间，这个功能不仅仅对如意宝设计师有用。好工具，与大家一起分享！

上一条：如何管理如意宝的栏目图片

下一条：如意宝智能魔方f201用法详解

返回列表