资讯频道 → 非技术
阅读更多

18顶
0踩

非技术

原创新闻 FireScope：为Firebug添加Web reference

2009-02-09 11:16 by 副主编 zly06 评论(4) 有5017人浏览
Web Firebug

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

FireScope 是一个Firefox扩展，同时也是一个Firebug扩展，可以帮助用户快速的搜索HTML元素、属性以及CSS属性的参考信息。
以下是 详细特征：

  • 你可以查找HTML元素和属性，以及CSS属性（或任何组合查询）。搜索结果是根据输入即时刷新，通常你只需要输入查找内容的前两个字母即可，这样可以帮助你更快的找到结果。


  • 查找结果中会显示和浏览器兼容性的相关信息，以及一个简要的使用说明。还提供了一个SitePoint Reference网站的链接，在那里会有更详细的参考信息。


  • 鼠标右键点击搜索结果，在菜单中有两个选项：一个是在线查询更多详细信息，另外一个是显示选择项的示例代码。


  • 示例代码会在侧栏打开，里面包含的所有实用例子，他们会向你展示如何去使用。同时这些示例代码可以编辑和复制（Firefox 3中直接双击就是全部选择）。


  • 在HTML panel中，你可以点击鼠标右键查看任意元素、属性名称或者属性值（包括正在编辑），这时在快捷菜单中你可以进行两项选择，查找你选择的项目，或者显示该项目的示例代码。


  • 同样，在CSS panel中你也可以右键单击任意属性名称或者属性值，操作与HTML panel中的相同。


  • 在HTML panel中，当你右键点击的标记名称处于选择状态时（就是通常深蓝色背景高亮那种），在菜单中选择“Look up selection”会执行一个特殊的搜索，所有选中的已应用CSS样式的元素、属性都将被搜索。有时这个特殊搜索会自动进行，比如在你选择元素后点击“Reference”标签时，panel就会自动搜索当前选中元素所有的相关内容。



  • 当使用Inspector选择不同的元素时，如果示例代码的侧栏处于打开状态，就会即时显示当前选中元素的示例代码。


  • 同样，只要示例代码侧栏处于打开状态，在DOM列表中的选择也会触发显示相应示例代码的操作。当然和HTML panel一样，它也包含一个快捷菜单，可以执行查找和显示示例代码。





查看详细信息：http://tools.sitepoint.com/firescope/
来自: ajaxian
18
顶
0
踩
评论 共 4 条 请登录后发表评论
4 楼 hite 2009-02-10 14:12
opera的developer tool天生就支持search。opera中的web开发工具-dragonfly,丝毫不比firebug差，除了鼠标在document.的源码上划过的时候不会自动在页面中提示，需要点下这一点我不爽之外。
3 楼 throne212 2009-02-10 11:05
安装好以后怎么使用啊。怎么不见了？
2 楼 whaosoft 2009-02-09 13:14
呃 模仿ie8出的吗????
1 楼 cesia1984 2009-02-09 12:03
这个插件不错，省了很多查资料的麻烦

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • FireScope Grid-开源

    FireScope Grid是一个开源jQuery组件，无论使用哪种服务器端技术，该组件都会将datagrid行为添加到您HTML表中。

  • jquery FireScope Grid

    jquery FireScope Grid source code

  • 转：不可不知的前端开发工具

    1.IETester 0.3.5 多国语言版-同时拥有IE6、IE7、IE8（Vista兼容） http://www.my-debugbar.com/wiki/IETester/HomePage 2.Web Developer for firefox插件 在菜单和工具栏加上多种网页开发工具 ...

  • DevOps：软件架构师行动指南3.7　更多阅读材料

    FireScope是一家涉及企业监控的公司：参见博客“What is IT Service？（什么是IT服务？）[FireScope13]。 维基百科中的一篇文章定义恢复点目标（RPO）并将它与恢复时间目标（RTO）进行对比。网址为...

  • Centos7 安装部署 CDH6.1.0 手册

    Hive是基于Hadoop的一个数据仓库工具，可以将结构化的数据文件映射为一张数据库表，并提供简单的sql查询功能，可以将sql语句转换为MapReduce任务进行运行。 impala Impala是一个新型查询系统，它提供SQL语义，能查询...

  • javaScript开源大全

    javascript开源大全 转自：http://www.cnblogs.com/yiliweichinasoft/p/3819699.html javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor ...网页开发FireFox插件-Firebug 服...

  • javascript开源大全

    javascript开源大全 Ajax框架-jQuery ...网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJ...

  • 40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout

    40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout Jquery is becoming increasingly known in the web designers and developers community. Why not ta...

  • Debugging hibernation and suspend

    it may be possible to use a FireWire port for debugging with firescope (http://v3.sk/~lkundrak/firescope/). On x86 it is also possible to use the PM_TRACE mechanism documented in Documentation/power/...

  • TCP注册端口号大全7

    talon-webserver 7015/tcp Talon Webserver talon-webserver 7015/udp Talon Webserver # Jim Thompson # 7016-7019 Unassigned dpserve 7020/tcp DP Serve dpserve 7020/udp DP Serve dpserveadmin 7021/tcp DP ...

  • 帆软报表更新到服务器控件展示不出来_报表插件 - FineReport报表官网

    FineReport最新版免费试用：https://www.finereport.com/product/activeFineReport最新版使用教程：https://help.fanruan.com/finereport/报表插件下载升级版报表插件FineReport下载地址为：报...

  • Linux内核配置(16)

    中添加“ debugfs /sys/kernel/debug debugfs 0 0 ”，使系统启动时自动挂载 [ ] Run 'make headers_check' when building vmlinux 在 vmlinux 编译运行时运行 make headers_check 这个选项在编译内核时解压...

  • Linux（CentOS）下，各种协议，端口号

    DNS：/etc/resolv.conf 主机名：/etc/sysconfig/network 私有主机名：/etc/hosts 网卡配置文件存放目录：/etc/sysconfig/network-scripts/ IP/NetMask/Gateway等：/etc/sysconfig/network-scripts/ifcfg-em1 ...

  • 常见网络端口及其服务

    # World Wide Web HTTP http 80/tcp 0.484143 # World Wide Web HTTP http 80/udp 0.035767 # World Wide Web HTTP hosts2-ns 81/tcp 0.012056 # HOSTS2 Name Server hosts2-ns 81/udp 0....

  • 222

    # /etc/services:# $Id: services,v 1.48 2009/11/11 14:32:31 ovasik Exp $## Network services, Internet style# IANA services version: last updated 2009-11-10## Note that it is presently the policy of IAN

  • TCP/IP PORT NUMBERS 2890后的端口（继续一）

    # Justine Higgins cspclmulti 2890/tcp CSPCLMULTIcspclmulti 2890/udp CSPCLMULTI# Yoneda Terumasa cinegrfx-elmd 2891/tcp CINEGRFX-ELMD License Managercinegrfx-elmd 2891/ud

  • socket端口定义大全

    from: http://www.iana.org/assignments/port-numbers<br />  ////////////////////////////////////////////////////////////////////////////////  PORT NUMBERS (last updated 2010-09-24) ...

  • 网络-04-端口号-linux端口详解大全--TCP注册端口号大全

    talon-webserver 7015/tcp Talon Webserver talon-webserver 7015/udp Talon Webserver # Jim Thompson # 7016-7019 Unassigned dpserve 7020/tcp DP Serve dpserve 7020/udp DP Serve dpserveadmin 7021/tcp DP ...

  • 基于springboot大学生就业信息管理系统源码数据库文档.zip

    基于springboot大学生就业信息管理系统源码数据库文档.zip

  • 基于java的驾校收支管理可视化平台的开题报告.docx

    基于java的驾校收支管理可视化平台的开题报告

Global site tag (gtag.js) - Google Analytics