FireScope-面向Web开发者和设计者的参考手册(2)
作者:明达 来源:七月佑安 时间:2009-03-22 15:35:00
示例代码会在侧栏打开,里面会包含有实用价值的例子,你可以根据例子很快掌握用法。同时这些示例代码是可以编辑的,而且也很容易复制,在Firefox 3中直接双击就是全部选择。
在HTML面板中,你可以在任意元素、属性名称或者属性值上点击鼠标右键(编辑状态也可以点),这时在快捷菜单中你可以进行两项选择,查找你选择的项目,或者显示这个项目对应的示例代码。
类似的,在CSS面板中你也可以右键单击任意属性名称或者属性值,可以进行的操作与HTML面板中的相同。
在HTML面板中,如果你右键点击的标记名称是选择状态(就是通常深蓝色背景高亮那种),在菜单中选择“Look up selection”会执行一个特殊搜索,所有选中的元素、属性已经应用的CSS样式都将被搜索。有时候这个特殊搜索是自动进行的,比如在你选择元素后点击“Reference”面板时,就会自动搜索当前选中元素相关的所有内容。
当使用Inspector更能探索不同元素的时候,如果示例代码的侧栏处于打开状态,就将会实时显示当前选中元素的示例代码。
类似的,只要示例代码侧栏处于打开状态,在DOM列表中的选择也会触发显示相应示例代码的操作。当然和HTML面板一样,也包含一个快捷菜单,可以执行查找和显示示例代码的操作。
写在后面
其实个人认为Sitepoint的参考手册要比w3schools.com的实用一些。而且和Firebug集成这个思路很好。但是现在明显还是不够完善,不止是扩展,还有参考手册上资料,尤其是JavaScript部分现在还在测试中,还没有包含进来。但对于Web开发者和设计者,这应该是一个必备的工具,推荐使用。
标签:参考手册,web设计,插件,FireScope
0
投稿
猜你喜欢
全面解析python当前路径和导包路径问题
2022-09-08 16:00:21
Python实现一个简单的递归下降分析器
2022-10-05 16:23:13
用Python可视化新冠疫情数据
2021-10-14 06:06:39
vue如何通过params和query传值(刷新不丢失)
2024-05-09 15:17:23
python生成ppt的方法
2021-11-08 11:50:48
python中的Reportlab模块详解最新推荐
2023-04-09 21:33:46
pygame学习笔记(5):游戏精灵
2021-10-13 18:29:56
Python计算字符宽度的方法
2021-02-13 20:25:28
详解用python -m http.server搭一个简易的本地局域网
2023-09-29 13:03:34
在Django中管理Users和Permissions以及Groups的方法
2023-11-03 03:10:21
Python PIL读取的图像发生自动旋转的实现方法
2022-05-01 20:29:26
Python实现文件信息进行合并实例代码
2021-04-12 01:50:33
在Python中使用itertools模块中的组合函数的教程
2023-11-06 16:31:36
python Django的显示个人信息详解
2021-10-09 15:47:14
python定时关机小脚本
2022-09-24 23:38:21
最新解决'nvidia-smi' 不是内部或外部命令也不是可运行的程序
2022-07-01 16:30:06
PyInstaller运行原理及常用操作详解
2022-09-15 03:57:26
python—sys模块之获取参数的操作
2022-10-09 04:18:18
使用vue与jquery实时监听用户输入状态的操作代码
2023-07-02 17:08:02
torch 中各种图像格式转换的实现方法
2021-04-17 08:08:13