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

简介: Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本);功能主要用于调试网页中的错误,修改代码及实时查看效果;目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多;但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的….


版权声明:保留原博文链接及作者的情况下,请尽情转载吧!!!


简介


Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本);

功能主要用于调试网页中的错误,修改代码及实时查看效果;

目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多;

但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错的….


获取及安装




打开方式


  1. F12可以打开工具界面



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



Firebug窗口功能简介


功能


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


关闭及启用


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



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



搜索功能


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



  • 支持大小写区分
  • 支持正则表达式筛选
  • 当匹配到多个的时候,回车键可以依次选择下一个匹配到的
目录
相关文章
|
6月前
|
Web App开发 内存技术
chrome插件安装方法教程
chrome插件安装方法教程
|
Web App开发 Python Windows
一键下载视频,这个浏览器插件YYDS。
一键下载视频,这个浏览器插件YYDS。
|
Web App开发 Android开发 iOS开发
【关于浏览器插件的安装和使用的教程】
【关于浏览器插件的安装和使用的教程】
199 0
我用过的这5款小工具,你用了其中几款?
有时候一些小工具,能给你带来一些意想不到的效果,我们来看看下面这5款工具,你又用过其中几款呢?
85 0
|
Web App开发 JavaScript 前端开发
【 关于油猴的安装和使用的教程】
【 关于油猴的安装和使用的教程】
352 0
|
Web App开发 安全 JavaScript
2022-强烈推荐的7款浏览器插件
2022-强烈推荐的7款浏览器插件
2022-强烈推荐的7款浏览器插件
|
Web App开发 JSON 前端开发
吐血推荐 Chrome 插件(一)
吐血推荐 Chrome 插件
140 0
吐血推荐 Chrome 插件(一)
|
搜索推荐
iTab浏览器插件教程
iTab是一个好看好用的自定义卡片式浏览器新标签页扩展。 安装iTab标签页扩展后,您将告别呆板无趣的原生标签页,享受iTab标签页为您带来的个性化新体验:
iTab浏览器插件教程
|
JSON 数据可视化 测试技术
吐血分享谷歌浏览器插件
在如今的浏览器市场份额中,谷歌浏览器一家独大,霸占了将近百分之六十的份额。谷歌浏览器的流行程度可见一斑,我平时用的最多的浏览器就是它了。
279 0
吐血分享谷歌浏览器插件
|
IDE Java 开发工具
史上最全VSCode插件,怪不得写代码头疼,VSCod安装与配置(适合小白)
史上最全VSCode插件,怪不得写代码头疼,VSCod安装与配置(适合小白)
1306 0
史上最全VSCode插件,怪不得写代码头疼,VSCod安装与配置(适合小白)