自强学堂
自强学堂:学习、分享、让你更强!
Firebug 教程HTMLCSSJAVASCRIPTJQUERYSQLPHPBOOTSTRAPANGULARXML
 

Django 视频课程推荐,极客品质保证(早鸟+口令“DJANGO666”,立省40元,到手仅¥89)

用上面的链接购买,可以添加伟忠微信 291583814,一起学习精进!

推广: 阿里云限时领红包 助力一步上云 | 【全民云计算升级】拼团上云更优惠,高性能服务器2折起
基于Django开发的,自强学堂网站源代码免费下载

Firebug 教程

什么是 Firebug?

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

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



安装 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。

Django 视频课程推荐,极客品质保证(早鸟+口令“DJANGO666”,立省40元,到手仅¥89)

用 上面的链接 购买,可以添加伟忠微信 291583814,一起学习精进!