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
测试了多个网站,修正了样式影响
猜你喜欢
- 百度site:首页出现"访问本页面,您的浏览器需要支持JavaScript".这样的情况,对于一个刚刚引起搜索引擎重视的
- “我从来没有想到,充满创意的Google竟然要看成绩单!”12月8日中午,上海江苏路一家咖啡厅,说起几个月前在Google美国总部的面试经历
- 昨天特意去机房安装64位系统,带了一个250G新硬盘去。为了减少断网的时间,首先把硬盘分好区,把许多数据也拷到一个分区里。我用的是windo
- 5、配置作用域接着要为新建的应用程序IIS6URL授权配置作用域。右键点击“IIS6URL授权”选项
- Typecho默认情况是,评论列表里也列出博主的回复和评论,这个完全没有必要嘛。好在Typecho 0.8-10.8.15 正式版已加了评论
- 最近的一直为博客助手程序而烦恼操心。因为以前对于内容管理系统并不是太熟悉,只有初步的认识。先前使用国内空间时,也安装过动易、风汛等博友推荐的
- 昨日看到Heyi的博客上布满了关键字的链接,而我又对这些链接的分布有一些不同的想法,很早的时候曾经写过谈链接的艺术一文,其中只简单的说明了链
- 购物真是女性的天性,就连网上也不例外。万事达卡国际组织昨日发布了一项关于女性消费者网络购物行为的调查,发现有网购行为的女性不仅在数量上多于男
- 1. 介绍本文主要介绍域名(DNS)的一些机制及实现方法,下面我们就具体看一下它的情况。1.1. 域名的历史产生域名的的根本动机在于管理方便
- 虽然Google的Blogspot在国内无法访问,但对于独立域名的英文博客来说,使用Blogger还是不错的选择,不用使用托管主机,这里就介
- 美国域名注册商name.com发布了Cyber Monday域名注册优惠码,主要针对com和net新注册域名,原始价格是9.99美元,优惠价
- 日前一起关于不正当占用他人姓名作为注册域名的案件在美国结束审理,法院裁定犯案者向所以涉案的人员归还本属于他们的域名。在这起案件中,被占用域名
- 精博的域名已经由 essentialblog.cn 改为 jingpin.org,下面介绍我是如何更换域名的。一、cPanel 上的操作:在
- 收录新站点的角度来说,Google比Baidu快。从站点内容修改更新后,收录内容的更新来说,Google还是领先。最近的一次观察,也就是中美
- 1、技术不值钱,只有思维模式最有价值。2、英语最起码要学好。3、多去gg百度搜索。4、网赚并不难,它只是一个工具,不要有心理障碍。5、基础性
- 6、能够使用一个磁盘的第一个分区作为裸设备吗?可以,但是不推荐。在Unix的比较旧的版本是银行,磁盘的第一个分区常常包含这个磁盘的一些信息,
- 首先,软文容易为读者所接受。这是老谢一直在说的。现代企业、产品信息铺天盖地,电视、广播、杂志等等媒介上的广告越来越多。而报纸、杂志等印刷媒介
- 这里提供的下载和安装步骤,一步步下来,由于家里机器是XP,终于到了添加扩展名那步,发现最后的确定总是disable的,难道XP的IIS不支持
- V5MALL全线免费,再推网上商城炙不久之前相续在上海豫园商城、青岛特色街取得辉煌战果的上海威博网络技术有限公司,再其V5SHOP网店系统开
- 2009胡润百富榜昨日发布,7位企业家首次挤进百富榜前十位。前十大富豪如此大换脸,是1999年该榜发布以来所仅有的。与此同时,针对网民的一项