Firebug 1.9新特性指南

2023-11-17

Firebug 1.9新特性指南

FireBug1.9发布了,引入了很多新特性。


一、Firebug兼容的Firefox版本

Firefox4兼容Firebug1.7.3

Firefox5-11兼容Firebug1.9

Firefox12兼容Firebug1.10


二、特性一览

1、Firebug的UI停靠

可以放置于浏览器窗口的上下左右四边。只需打开Firebug启动按钮菜单,选择FirebugUILocation,就可以设置它停靠的位置了。


2、复制JSON响应值到剪贴板

如果你在处理Ajax&JSON请求/响应,Firebug可以检查JSON响应,复制JSON树的部分内容到剪贴板。只需展开HTTP请求,选择JSONtab,右键点击所需的JSON树,可以看到上下文菜单。


3、语法错误定位显示

控制台面板有箭头直接显示语法错误的语句的错误位置。


4、Net面板新增协议列

Net面板新增加了一列——协议列。它显示每个请求所使用的HTTP协议。你可以使用列排序功能(点击Protocol列),来使请求进行分类。比如这样你可以集中看HTTPS请求。默认状态下,协议列不显示,需要右键点击Header,定制它。


5、从页面快速移除所选择的元素

这是著名的Inspector的特性。只需侦查到(Inspect)某个元素,按下Delete键,就能把当前页面上的高亮元素给删除掉。


6、函数对象displayName属性

Firebug支持displayName函数对象属性。可以使用此属性,来指定自定义函数或匿名函数。Firebug也是使用此属性来显示堆栈跟踪。


7、每个控制台日志的来源

这个功能很简单。每个日志信息都能显示其来源(文件的URL和行数)。


8、重发HTTP请求

NET面板现在允许重发现有的HTTP请求。只需右键点击选择的请求,在弹出的上下文菜单中选择Resend


9、条件断点的提示

Script面板可以显示此提示。无需打开条件编辑器,就可以看到当前的条件。


10、新增的DOM面板查看

DOM面板的上下文菜单引入了一个新的AddWatch选项。它允许开发者查找指定的对象或域。


11、来自浏览器Cache的响应Header

Net面板可以显示来自浏览器缓存的HTTP请求的头部。只需展开一个HTTP请求,检查Headerstab面板,就能看到。


12、字体查看器

Firebug引入了一个字体查看器,它集成到Net面板中。如果页面在加载字体文件,那么可以展开相应的请求,查看下载的字体的元数据。


13、字体提示

还有一个为设计师提供的功能。如果在CSS面板,你移动鼠标光标到某个字体上面,可以看到该字体的预览提示。


14、数组项的提示

还有一个与调试和审查相关的极好的改进是数组值的提示。只要你移动光标到数组括号处,你就可以看到实际的值。


三、结论

可以看到,这些新特性都非常有用,小小的改进就能提升开发效率,很令人振奋!诸位早点使用吧!


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firebug 1.9新特性指南 的相关文章

随机推荐

  • Android button靠右侧显示

    注 要在包含button的父布局中设置
  • SpringCache 使用Redis作为缓存技术的使用

    介绍 Spring Cache是一个框架 实现了基于注解的缓存功能 只需要简单地加一个注解 就能实现缓存功能 大大简化我们在业务中操作缓存的代码 Spring Cache只是提供了一层抽象 底层可以切换不同的cache实现 具体就是通过Ca
  • Unity地图设计和关卡顺序解锁以及分支解锁最好理解的实现(PlayerPrefs.GetInt与PlayerPrefs.SetInt应用及内容查询)

    Unity地图设计和关卡解锁最好理解的实现 PlayerPrefs GetInt与PlayerPrefs SetInt应用及内容查询 这里说一种类似于森林冰火人的解锁机制 也就是中心的关卡先解锁 中间的通过了四周解锁一个 然后一个接一个解锁
  • 微信小程序密码显示隐藏(小眼睛)

    一 效果图 微信小程序密码显示隐藏 小眼睛 二 代码 wxml
  • 如何使用vs将现有的项目或者文件夹(尤其是多层目录的)添加到项目中

    困扰我这么久的问题 哎 真心弱爆了 1 将现有项目或文件夹拷贝到指定目录下 2 解决方案右上有个显示所有文件的按钮 然后选中所有要添加的文件 右击 选择包含到项目中即可
  • react 函数组件props的使用

    函数组建的props 1 如何给组件传递数据 给组建的标签添加属性即可 2 函数组件通过props参数就能接受 也可以通过解构props function App props return div h1 我是App组件 props name
  • 层次分析法基本介绍

    层次分析法 1 主要解决哪类问题 评价类 评价类问题要明确 评价的目标是什么 为达到这个目标的可选方案 评价的准则或标准是什么 2 原理 思路是啥 eg 小明高考完如何选择一个学校 如何选择一个旅游目的地 可以思考到 并得到表格 定义指标
  • PDF批量替换文字器免费版

    安装教程 1 下载解压后 得到文件 pdfreplacer exe 双击进入安装向导 2 选择语言 完成后确认进入下一步 3 下一步 4 系统默认安装在C盘 单击浏览可自定义选择安装路径 随后下一步 5 是否创建桌面快捷方式 建议选上 下一
  • PCB板基础知识

    制作机器人的时候不可避免的会用到PCB板 之前对它的认识只停留在会用这个层面 最近学习了PCB板的制作 发现了之前很多不知道的知识 于是整理出来和大家分享 1 过孔 双层板的连接通道 这个是之前最摸不着头脑的环节 拿到一个PCB就会发现上面
  • 拼接滚动地图-Quick-cocos2dx

    lua里面class的使用 一个class的使用 class方法用于创建类 其实就是lua表 传入类名和父类 父类为方法或表 class使用 第一次用A class fun 第二次用a A new 示例 local LevelView cl
  • SpringBoot之@Slf4j的使用详解

    先简单的来说 作用 Slf4j是在SpringBoot基础上Lombok为我们提供的日志输出注解 使用 先引入lombok依赖 将注解添加在类上 然后就可以使用log info 进行日志的输出打印 Slf4j注解填在当前类上相当于Sprin
  • vscode使用ssh远程linux可视化开发环境搭建

    目录 1 搭建 vscode 远程开发流程 2 在线搭建环境 3 离线搭建环境 4 ssh免密登录 设置白名单 5 参考文档 最近一直在做服务引擎开发 编译都是在服务器linux环境中进行 每次调试使用gdb修改使用vim贼麻烦 最后找了下
  • 10种Arduino IDE替代品开始编程

    当我们开始开发Arduino项目时 通常我们倾向于使用Arduino IDE 无论如何 如果我们对标准IDE不满意 我们应该考虑几种Arduino IDE替代方案 众所周知 在开发物联网项目或构建DIY项目时 Arduino是最受欢迎的原型
  • ARM指令集

    ARM指令的基本格式 ARM指令的基本格式为
  • echarts之柱状图(1)

    PS相关学习资料链接 Pink老师的教程分解 O O哈哈 div class bar h2 就业行业 a href 2019 a a href 2020 a h2 div class chart div div css自行设置 类名为cha
  • Failed to execute goal on project rocketmq-console-ng: Could not resolve dependencies for project

    Apache RocketMQ安装部署 Failed to execute goal on project rocketmq console ng Could not resolve dependencies for project org
  • TypeScript(五)类型别名及类型符号

    目录 引言 类型别名 基本用法 字面量类型 数字字面量 字符串字面量 布尔字面量 空字面量 枚举字面量 类型符号 联合类型 交叉类型 类型断言 尖括号 as关键字 非空断言 类型保护 typeof instanceof 类型谓词 索引类型
  • 解决 IProgress not found. Please update jupyter and ipywidgets. 问题

    解决 IProgress not found Please update jupyter and ipywidgets 问题 一 报错 IProgress not found Please update jupyter and ipywid
  • web服务搭建

    Python 吹爆Python 1行代码搭建Web服务器30行代码实现服务器的文件上传下载 需求 手机每日下载图片 然后需经过本人编写的Python脚本处理一遍 再返回到手机上 个人电脑不能保证时刻开机在线 自己也不可能一直在电脑旁边 故欲
  • Firebug 1.9新特性指南

    Firebug 1 9新特性指南 FireBug1 9发布了 引入了很多新特性 一 Firebug兼容的Firefox版本 Firefox4兼容Firebug1 7 3 Firefox5 11兼容Firebug1 9 Firefox12兼容