热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

WEB调试工具---Firebug

Firebug简介Firebug是网页浏览器Firefox下的一款开发类插件。它集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML

Firebug简介

Firebug是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发Javascript、CSS、HTML和Ajax的得力助

Firebug安装、启动和关闭

安装: 在火狐浏览器上点击  工具---》web开发者--》获取更多工具
然后找到Firebug安装即可,一般是在前面第一个。

点击添加到Firebug安装,安装完成后火狐浏览器工具栏上便出现一个小甲虫图标:


打开和关闭:
点击小甲虫即可打开关闭Firebug,打开关闭的快捷键是Ctrl + F12、F12。

Firebug的窗口预览

控制台:Javascript命令操作,显示Javascript错误信息、提示信息、日志信息。 HTML:显示页面的HTML源码。 CSS:编辑页面的CSS源码。 脚本:显示页面脚本和调试。 DOM:显示页面对象和DOM属性。 网络:显示页面下载和花费时间。 COOKIEs:显示页面请求的COOKIEs,及查看和修改。
有的标签是灰色的,说明此时标签是停用的,我们可以通过标签的右侧下拉列表来启动和停用对应的标签。

Firebug编辑HTML

通过HTML标签页可以查看页面上元素对应的HTML源码,而且可以实时编辑HTML而立刻回显到页面上。 选中要编辑的元素右键--》编辑HTML...即可编辑。

Firebug处理CSS

可以通过HTML面板下右边的样式代码改变(添加、编辑、禁用、启用等)页面显示样式。

评估页面下载速度

通过网络标签可以看对应页面的下载时间长度。

Ajax监听

网络标签页下的XHR标签页。

Javascript控制台


Javascript代码调试

可以在控制台设置断点调试。

进阶提示

尝试点击、右键、下拉菜单

开发人员工具

很多与Firebug相似的工具。



推荐阅读
author-avatar
牧高风_457
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有