现在的位置: 首页 > 面试题 > 正文

Firebug 教程

2022年01月13日 面试题 ⁄ 共 773字 ⁄ 字号 暂无评论
博客主机

Firebug 官网宣布已停止继续开发、更新维护 Firebug 的通知,邀请大家使用 Firefox 内置工具 DevTools。

 

什么是 Firebug?

Firebug 是一个开源的web开发工具。

 

在本章教程我们将讨论以下内容:

 

如何安装 Firebug。

使用 Firebug 检查和编辑 HTML。

使用 Firebug 检查和编辑 CSS。

使用 Firebug 调试 JavaScript。

在 Firebug 中动态执行 JavaScript。

使用 Firebug 记录 Javascript日志。

使用 Firebug 监控网络。

 

安装 Firebug

Firebug下载地址: https://addons.mozilla.org/en-US/firefox/addon/1843/

 

使用Firefox浏览器访问以上下载地址,打开页面后,点击下载按钮后,会有个弹窗页面,提示安装的目录,安装后重启你的Firefox浏览器。

 

重启后就可以在Firefox浏览器中看到Firebug的图标。点击Firebug图标(位于Firefox浏览器右上角)即可激活Firebug插件。

 

firedebug

 

 

Firebug 组件

Firebug 选项

firebug-opitons

 

在页面上点击检查元素

firebug-inspect

 

撤销与恢复

go-back-forward

 

显示命令行

show-command-line

 

面板选择

panel-selector

 

控制台

console-and-enabling-it

 

HTML 面板

HTML-panel

 

CSS 面板

CSS-panel

 

脚本面板

Script-panel

 

DOM 面板

DOM-panel

 

网络面板 (用于网页测速和优化)

Net-panel

 

其他按钮

other-buttons

 

1 - 最小化Firebug。

2 - 在浏览器窗口安装Firebug。

3 - 停用Firebug。

Wopus问答

【上篇】
【下篇】

Wopus问答

给我留言

留言无头像?


×