Visual Firebug 1.11 使用帮助 chrome插件
作者：由校 来源：koubeiUED 发布时间：2011-01-25 12:45:00
Visual Firebug是一个编辑在线页面CSS样式的chrome插件。它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
当前版本：1.11
文档地址：http://www.zhouqicf.com/code-cola
内容索引
一、使用方法
1、开启插件
点击chrome工具条上的图标即可，待插件加载完毕后，会在当前Tab的页面内插入面板，并默认自动开启元素选择功能。
2、选择节点
当鼠标移入某个节点时，该节点周围会出现蓝色边框，直接点击该点击，则选中该节点作为待编辑节点。
在节点上右键鼠标则会唤出与该节点相关的其它节点列表，鼠标移出这些列表项后，页面上同样将以蓝色边框的方式显示该列表项所对应的节点，如果该节点没有相关的其他节点列表，则会显示”no-selector”，并且该提示会在2秒钟后消失。相关节点列表包括”Tag选择”及”Class选择”两种方式，”Tag选择”将选中与该节点类型相同的节点，即如果当前节点为一个表格单元格（td），则会选中该单元格所在表格内的所有单元格；而”Class选择”将选中整个页面中拥有该class的所有节点。
按住ctrl键进行自由多选，选中某个元素后再次点击该元素将取消对此元素的选择，操作方式与window文件完全一致。
选择完节点后，在面板的左上方将出现当前待编辑节点的类型及数量。
3、编辑节点样式
通过面板上的控件编辑节点样式。
4、获取节点样式
点击面板右上角”查看样式”按钮，下方将展开一个文本域，显示当前编辑节点的样式，在修改样式的过程中，该区域的样式将实时更新，并且该区域中的样式都进行了缩写处理。
5、保存整页的修改结果
点击面板右上角”获取修改结果”按钮，页面的左上方将出现一个浮层，显示”loadding”，待加载完之后，该浮层将变大撑满整个屏幕，浮层内的内容正是修改后的html代码，复制代码到一个文本文件，并另存为”xxx.html”即可。视觉、交互等同学对某些网页进行微调时，不必再打开Photoshop、Axure等工具，直接打开本工具编辑即可，保存后即可丢给前端，前端看到效果后即可查看代码，在工具生成的代码的基础上code。
二、所有功能介绍
三、现有控件
列表项符号
字号
行高
字体
字形，包括加粗、斜体、下划线
字色
对齐方式
文字阴影
背景色
盒阴影
边框，包括边框及圆角
布局，包括内边距及外边距
宽高，包括宽度及高度
四、更新记录
1.1 更新内容 （2010-12-17）
按住ctrl进行元素的自由多选
增加了一个显示当前节点的功能，mouseover的时候显示当前节点
增加了about
修复了拖拽面板时仍在计算当前样式的bug
测试了多个网站，修正了样式影响
0
投稿猜你喜欢
- 启用并配置文件服务Windows Server 2003的管理工具中有一项功能叫做“管理您的服务器”，启动该工具之后，可以看到当前服务器上启
- ppc，cpm，cpc是什么意思，你了解吗？sem 是舶来品，在做搜索引擎营销的时候，使用相关软件的时候，经常为用到一些称呼的缩写，下边总结
- 由于中国伟大的防火墙所在，美国主机的IP经常被封，Godaddy的主机也不例外，下面介绍几种解决办法。1.最简单的办法：马上购买独立IP ，
- 本文为大家分享了VMware 12 下 Ubuntu 16.04镜像 安装教程，供大家参考，具体内容如下1）安装前准备PC电脑操作系统是WI
- 有时被称为Web 2.0甚或Web 3.0的下一代互联网，是一个令人难以捉摸的理念，这可能是因为该理念
- 应部分GoDaddy用户要求，整理了解决GoDaddyLinux空间Java和Jsp常见的一些问题及解答，希望可以给GoDaddy用户带来更
- 省份 ( 城市 ） DNS 名称 DNS IP ADDRESS香港 ns1.netvigator.com 205.252.144
- 在比较复杂的网络环境中，用户需要通过不同的网关访问不同的网络服务器，比如笔记本电脑用户在家时使用ADSL，在单位使用局域网时就需要切换不同的
- 成功是一种习惯，失败也是一种习惯。你的习惯无法改变，但可以用好的习惯来替代。成功很简单，只要简单的事情重复做，养成习惯，如此而已。 以下是成
- 子曰：三思而后行。意思就是说表示多次。指经过反复考虑，然后再去做。网页title对SEO越来越重要，这点相信大家应该都清楚，所以现在很多SE
- 我们在使用Windows 2000 server自带的IIS(Internet Information Server，Internet信息服
- 北京时间11月25日消息，据国外媒体报道，微软周二表示，其CFO克里斯-里德尔（Chris Liddell）将于今年底离职，由现任微软企业部
- 理解了活动目录的原理之后，现在我们就可以进行活动目录的安装与配置了，活动目录的安装配置过程并不是很复杂，因为WIN2K中提供了安装向导，只需
- 大家可以看首页下面的图文混排栏目块，全部是用的固定栏目，也就是先做出模板，每个栏目都是固定的，无法循环生成.这样就有个问题，标签是不是要一个
- 众所周知，搜索引擎搜索会显示付费结果和自然排名的结果，但这些结果是怎么样显示在大家的面前的呢?大家先回忆一下，我们是如何搜索的？“输入搜索关
- centos7安装chronyd服务一、双节点部署:ip主机名192.168.100.10controller192.168.100.20c
- 一、安装 uwsgiuWSGI是一个Web服务器，它实现了WSGI协议、uwsgi、http等协议，旨在提供专业的 Python web应用
- 作为国内最成功的网页游戏之一，《商业大亨Online》在不久前于新加坡、马来西亚、泰国三地上线。昨天，《商业大亨》再传喜讯——《商业大亨》将
- 上星期我和一个有实力的站长交谈，学到了不少东西。他做网站已经有7年的时间，放在现实中算得上是“元老”了。但是，网络这东西变化、更新太快，过去
- 本文为初学者介绍wine的使用。 下载wine 最新的wine(推荐下载) http://www.linux-easy.com/daily/
