firebug 的使用
[Firebug - Console控制台视图]
console API文档, http://www.getfirebug.com/console.html
console.info显示(i)图标
在输出时,需要注意第一个参数被自动识别为格式字符串
需要在页面加载前启动firebug,当页面加载后启动firebug时,就没有console对象
console.time(name), 用指定名称创建一个定时器,使用同一个名称调用console.timeEnd(name)将停止定时器并输出时间间隔。
console.timeEnd(name), 停止通过console.time(name)创建的定时器,并输出时间间隔。
[Firebug - HTML页面视图]
Show Computed Style不显示所有可用的样式
标记的显示也会与源代码不同,而是按照Firefox对文档结构的解析显示的
在页面上右击弹出菜单中选择Inspect Element菜单项,能起到与Inspect按钮相同的作用。
[Firebug - CSS样式表视图]
Edit编辑模式下切换文件不能保持Edit编辑模式
[Firebug - Script脚本视图]
使用step into, step over等按钮需要预先设置javascript脚本的断点
Options选项,Break on All Errors在所有错误处中断,用于捕获javascript出错事件,不受javascript脚本中的try/catch影响
在页面加载过程中的脚本设置断点,可以先加载页面,设置断点,然后刷新页面
[Firebug - DOM文档结构视图]
页面中包含不断执行的AJAX时,DOM视图也将不断刷新,此时可以在script视图中AJAX脚本处设置断点避免DOM视图刷新。
借助Show User-defined Properties选项查看javascript全局变量
[Firebug - Net网络视图]
进度条 | 进度条颜色 | 文字颜色 | 含义 |
有 | 绿色 | 黑色 | 正在读取 |
有 | 深灰色 | 黑色 | 向服务器端发送请求,从服务器端返回文件 |
有 | 深灰色 | 红色 | 404,没有找到指定文件 |
有 | 浅灰色 | 黑色 | 向服务器端发送请求,服务器端返回未修改,加载本地缓存文件 |
无 | - | 黑色 | 未向服务器发送请求,直接从本地缓存加载文件 |
右击菜单, Open in New Tab在新标签中打开
[Firebug - 其他问题]
不支持IE Tab
设置Javascript.options.strict为False避免Firebug出错, http://kb.mozillazine.org/Javascript.options.strict
转载于:https://www.cnblogs.com/bravestart/archive/2009/01/21/1379352.html
firebug 的使用相关推荐
- Firebug Console 与命令行全集
Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调 ...
- Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充)
Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充) 本文是对上一节的补充:http://www.cnblogs.com/puresoul/p/4 ...
- 巧妙使用Firebug插件,快速监控网站打开缓慢的原因
巧妙使用Firebug插件,快速监控网站打开缓慢的原因 原文 巧妙使用Firebug插件,快速监控网站打开缓慢的原因 很多用户会问,我的网站首页才50KB,打开网页用了近60秒才打开?如何解释? 用户 ...
- firefox+firebug
firefox+firebug可以随时调试页面样式,下载firebug插件的时候直接将zip安装包拖到firefox的应用栏目里面就可以安装了,重启firefox就可以使用了.
- Firebug和Yslow是个好工具
火狐浏览器上装的Firebug很久没用了,昨晚打开Firebug和Yslow,边浏览博客边看代码,突然发现有几个404,果断打开模板编辑.这使得网页打开速度提高了16毫秒,优化代码如下: 1:删除了4 ...
- 《切入口web教学——使用firebug调试css代码》录制完成
切入口(http://qierukou.com)致力于职业web前端开发定向在线培训.这节课主要讲解什么是firebug,firebug的安装过程,firebug基本操作,以及职业web前端开发是如何 ...
- Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode
Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode Element DOM Tree jQuery pl ...
- 火狐浏览器 firebug调试不能载入javascript
用 firebug 调试时:本页面不包含 javascript 原因:火狐浏览器版本高了 解决:下载火狐49,关闭自动更新 转载于:https://www.cnblogs.com/yigexiaoji ...
- Firebug高级用法 - Web开发的利器
Firebug是一个Firefox插件,是Web开发的利器.从此处下载.工具用好了能大大提高开发效率.下面介绍一些用法: 查看编辑HTML和CSS,查看DOM 两个方法,一个是在新窗口中打开Fireb ...
最新文章
- Py之matplotlib:在matplotlib库中利用legend函数创建自定义图例(代码实现)
- Delphi作为客户端调用.Net写的WCF服务端?
- STM32与SHT1X温湿度传感器通讯
- jsp文字上下居中显示_微信朋友圈又有骚技巧,一键设置居中签名,好友傻眼了...
- 认识java编程语言
- 云南省高中计算机学业水平考试,云南省高中计算机学业水平考试技巧
- 移动和云环境下的报文传输流程--理解DNS解析、CDN资源下发、公网传输流程、数据中心网络
- 测试需求分析和测试策略制定
- 用Keras搭建神经网络 简单模版(三)—— CNN 卷积神经网络(手写数字图片识别)...
- MPLS virtual private network OptionC实验(华为设备)
- 【数据蒋堂】报表应用的三层结构
- WIFI篇(2.python破解wifi--生成密码字典)
- 批量ping及telnet工具
- 读取xlsx,根据模板图片批量添加文字生成相关图片,如证书,奖状,名片等
- 数据结构c语言课程设计报告,数据结构c语言课程设计报告.doc
- selenium 谷歌驱动 下载网址
- “苏宁SAP上线“有感(原)
- 使用https请求接口报:javax.net.ssl.SSLPeerUnverifiedException: peer not authenticated”异常的问题处理
- Altium Designer制作原理图库不显示Comment和Designator
- SQL SERVER中SQL格式化插件——SQL Pretty Printer
热门文章
- c++中的auto关键字
- 【VB】学生信息管理系统3——连接数据库的前提
- flask_模拟请求post,get
- 显卡不够时,如何训练大型网络
- PyTorch 高级实战教程:基于 BI-LSTM CRF 实现命名实体识别和中文分词
- 缓存击穿、缓存穿透、缓存雪崩
- 2021年大数据Kafka(五):❤️Kafka的java API编写❤️
- 【CV】Pytorch一小时教程添加损失函数图像可视化训练过程
- [C] [编程题]连通块(DFS解决)
- IOError: [Errno 2] No such file or directory: ‘xxx\xe5\xbc\x80\xe5\x8f\x91\xe5\x88\x86\xe6\xa1.xlsx‘