码迷,mamicode.com
首页 > 其他好文 > 详细

Firebug折腾记_(1)安装及简介

时间:2015-08-21 01:54:11      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:firebug   firebug安装   firebug教程   

简介

Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本);
功能主要用于调试网页中的错误,修改代码及实时查看效果;

目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多;
但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的….


获取及安装

  1. Firebug官网

技术分享

  1. Firefox选项中的附加组件

技术分享


打开方式

  1. F12可以打开工具界面
    技术分享

  2. Ctrl + F12可以独立出一个功能的网页

技术分享


Firebug窗口功能简介

功能

  • 控制台:JavaScript命令行操作、显示JS错误信息、提示信息、日志信息,右侧可写自己的JS命令。
  • HTML:显示页面的HTML源码。
  • CSS:编辑页面的CSS源码。
  • 脚本:显示页面脚本和调试。
  • DOM:显示页面对象和DOM属性。
  • 网络:显示页面下载和花费时间。
  • Cookies:显示页面请求的Cookies,及查看和修改。

关闭及启用

标签可以通过点击其下拉菜单控制设置为‘启用’或者‘停用’

技术分享

也可以整体设置哪些功能开启或者关闭,点击那个”七星瓢虫”

技术分享

搜索功能

标签栏左侧的搜索框可以进行相应的搜索。

技术分享

  • 支持大小写区分
  • 支持正则表达式筛选
  • 当匹配到多个的时候,回车键可以依次选择下一个匹配到的

版权声明:本文为博主原创文章,未经博主允许不得转载。

Firebug折腾记_(1)安装及简介

标签:firebug   firebug安装   firebug教程   

原文地址:http://blog.csdn.net/crper/article/details/47823345

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!