FireScope-面向Web开发者和设计者的参考手册(2)
作者:明达 来源:七月佑安 发布时间:2009-03-22 15:35:00
标签:参考手册,web设计,插件,FireScope
示例代码会在侧栏打开,里面会包含有实用价值的例子,你可以根据例子很快掌握用法。同时这些示例代码是可以编辑的,而且也很容易复制,在Firefox 3中直接双击就是全部选择。
在HTML面板中,你可以在任意元素、属性名称或者属性值上点击鼠标右键(编辑状态也可以点),这时在快捷菜单中你可以进行两项选择,查找你选择的项目,或者显示这个项目对应的示例代码。
类似的,在CSS面板中你也可以右键单击任意属性名称或者属性值,可以进行的操作与HTML面板中的相同。
在HTML面板中,如果你右键点击的标记名称是选择状态(就是通常深蓝色背景高亮那种),在菜单中选择“Look up selection”会执行一个特殊搜索,所有选中的元素、属性已经应用的CSS样式都将被搜索。有时候这个特殊搜索是自动进行的,比如在你选择元素后点击“Reference”面板时,就会自动搜索当前选中元素相关的所有内容。
当使用Inspector更能探索不同元素的时候,如果示例代码的侧栏处于打开状态,就将会实时显示当前选中元素的示例代码。
类似的,只要示例代码侧栏处于打开状态,在DOM列表中的选择也会触发显示相应示例代码的操作。当然和HTML面板一样,也包含一个快捷菜单,可以执行查找和显示示例代码的操作。
写在后面
其实个人认为Sitepoint的参考手册要比w3schools.com的实用一些。而且和Firebug集成这个思路很好。但是现在明显还是不够完善,不止是扩展,还有参考手册上资料,尤其是JavaScript部分现在还在测试中,还没有包含进来。但对于Web开发者和设计者,这应该是一个必备的工具,推荐使用。
0
投稿
猜你喜欢
- 网页上的图片如果设置了alt属性,当鼠标移经时就会有tooltip出现,但是只能显示一行文本,有时需要多行文本,乃至图片来显示图片、链接或者
- [前言]:搭往公司的班车,遇到其他部门的同事,他问了很多关于我的工作的问题,由此引发这篇文章。这些问题,我也经常被其他人问到,其中既有我们亲
- 也许光从字面上来说,版式设计中的“亲密性”似乎不太好理解,正常的情况下,我们都会把“亲密性”理解为人与人之间的关系的一种表现,事实上在版式设
- 以下的文章主要是介绍SQL Server数据库与其实际应用元数据,我前两天在相关网站看见SQL Server数据库与其实际应用元数据的资料,
- 转发时请保留此声明信息,这段声明不并会影响你的速度! @author:  
- 表单验证做网站程序多多少少都会碰到,其中emai地址的合法性验证也算是一个典型的例子,网页表单的验证我们一般是先在客户端使用javascri
- 如何正确理解和使用Command、Connection和 Recordset三个对象?我知道它们都是连接数据库的“好手”,但在编程的具体应用
- 首先建一个access 数据库,库中有一个URLINDEX表,其中URL和Keywords字段分别添加了索引,如下:URL &nb
- 我见到有的网站好像可以把数据库的记录读到表格里去,是这样的吗?如何做到的?可能是这样的,因为我们确实能把数据库里的记录用表格来储存,看看下面
- 直接看代码: 代码如下:Class GoogleTranslator sub Class_Initialize
- 建立合理的索引提高SQL Server的性能在应用系统中,尤其在联机事务处理系统中,对数据查询及处理速度已成为衡量应用系统成败的标准。而采用
- 常用字段类型bit(0和1),datetime,int,varchar,nvarchar(可能含有中文用nvarchar) Varchar,
- 我们的规范到底做到哪一步算是发挥良好的价值?其实一件事物我们理解错根本目的会导致出大不一样的结果,直接反应在设计师到底要体现什么的价值。想想
- 第一步:创建转向控制页面创建网站默认的首页文件(通常为"index.asp"或"default.asp&quo
- 上一课:ACCESS入门教程:窗口和菜单的使用向导简介 这一课我们要建立一个客户订单管理数据库,这个数据库将用ACCESS提供的数据库向导来
- JavaScript 循环中,i++ 与 i– 那个比较快?相信有不少朋友看过相关的讨论文章,比如这篇。文章解释了开启优化选项后,i– 的
- 测试需求 为了更好的测试你的ASP程序,你首先需要决定你的程序将来需要面对多大的压力。简单的说,压力或负载可以分解成以下数字:· 最低用户数
- 要开发一个基于数据库的应用系统,其中最关键的一步就是整个系统所依据的数据库的建模设计,从逻辑的到物理的,一个环节疏于设计,整个的应用系统便似
- 以下保存成 App.xml , 与asp文件放在相同目录下! 代码如下: <?xml version="1.0"
- js关于 byval 与 byref 二者区别: byval 传递数值,实参和形参分处不同的内存单元,互不干扰! byref 传递地址,实参