Firefox - Firebug附加软件 - HTML页面视图 - Inspect Element

原创 2007年09月30日 08:07:00

Firefox - Firebug附加软件 - HTML页面视图 - Inspect Element

在HTML视图中,可以单击Inspect按钮后,选择页面上的元素,在HTML页面视图中将选中相应的元素。也可以直接在页面上右击,在弹出菜单中选择Inspect Element菜单项。

[Firefox - 附加软件]

CookieSafe, 当前版本2.0.6, 常用, https://addons.mozilla.org/en-US/firefox/addon/2497
Firebug, 当前版本1.05, 常用, https://addons.mozilla.org/en-US/firefox/addon/1843
Google Toolbar for Firefox, 当前版本3.0.20070525W, 常用, http://www.google.com/tools/firefox/toolbar/FT2/intl/zh-CN/
Html Validator, 当前版本0.8.4.0, 常用, https://addons.mozilla.org/firefox/249/
MinimizeToTray, 当前版本0.0.1.2006102615+, 不常用, https://addons.mozilla.org/firefox/2110/
Tab Mix Plus, 当前版本0.3.6, 不常用, https://addons.mozilla.org/firefox/1122/
Torbutton, 当前版本1.0.4.01, 常用, https://addons.mozilla.org/en-US/firefox/addon/2275

[Firebug - 简介]

当前版本:1.05
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
在您浏览时集成在Firefox中的Firebug能让您对于大量开发工具了如指掌。您可以实时在任何浏览的页面中编辑、调试、监视CSS,HTML和JavaScript。
Visit the Firebug website for documentation, screen shots, and discussion forums:
访问Firebug站点可以获得文档、效果图和讨论论坛。

[Firebug - 发布网址]

https://addons.mozilla.org/en-US/firefox/addon/1843

[Firebug - 站点]

http://www.getfirebug.com

[Firebug - 文档]

http://www.getfirebug.com/docs.html

[Firebug - bug]

http://code.google.com/p/fbug/issues/list

[Firebug - 关键词]

Firebug

[Firebug - 论坛]

http://groups.google.com/group/firebug

[Firebug - Console控制台视图]

console API文档, http://www.getfirebug.com/console.html

console.time()用于计算时间

console.info显示(i)图标

在输出时,需要注意第一个参数被自动识别为格式字符串

需要在页面加载前启动firebug,当页面加载后启动firebug时,就没有console对象

[Firebug - HTML页面视图]

Show Computed Style不显示所有可用的样式

标记的显示也会与源代码不同,而是按照Firefox对文档结构的解析显示的

在页面上右击弹出菜单中选择Inspect Element菜单项,能起到与Inspect按钮相同的作用。

[Firebug - CSS样式表视图]

Edit编辑模式下切换文件不能保持Edit编辑模式

[Firebug - script脚本视图]

使用step into, step over等按钮需要预先设置javascript脚本的断点

Options中的BreakOnErrors项用于捕获javascript出错事件,不受javascript脚本中的try/catch影响

[Firebug - DOM文档结构视图]

页面中包含不断执行的AJAX时,DOM视图也将不断刷新,此时可以在script视图中AJAX脚本处设置断点避免DOM视图刷新。

[Firebug - Net网络视图]

  • 有进度条,绿色,正在读取
  • 有进度条,深灰色,向服务器端发送请求,从服务器端返回文件
  • 有进度条,浅灰色,向服务器端发送请求,服务器端返回未修改,加载本地缓存文件
  • 无进度条,未向服务器发送请求,直接从本地缓存加载文件

[Firebug - 其他问题]

不支持IE Tab
版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

Firefox 火狐浏览器无法安装firebug 解决办法

Firefox 火狐浏览器无法安装firebug 解决办法(急需这个插件的朋友请直接下载) 前两天刚回到学校,因为新换了笔记本,现在电脑里面没有火狐浏览器。大家都知道firebug是处理css的...
  • dong11121112
  • dong11121112
  • 2014年06月23日 18:11
  • 8273

selenium学习第一步(firefox安装firebug和firepath插件)

1.  FireBug 是Firefox浏览器的插件;      FirePath是FireBug插件扩展的一个工具; 2. chrome浏览器自带开发人员工具,可以通过工具——开发人员模式或者直接按...
  • x12c345
  • x12c345
  • 2017年02月15日 22:00
  • 2504

关于火狐浏览器firebug不能启动问题

如果你的火狐浏览器不能启用firebug了~相比很蛋疼。现在教你用下列方法进行修复: 1.首先你要安装是firebug插件,哪怕是现在不能用~ 2. 3.点击进入更多信息 4.点击主页链接 进入主...
  • TOP__ONE
  • TOP__ONE
  • 2017年03月20日 14:25
  • 3243

Firebug 和 Chrome 自带的开发人员工具相比起来有哪些优缺点?

作者:依云 链接:http://www.zhihu.com/question/19601006/answer/18713336 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转...
  • june_ruikang
  • june_ruikang
  • 2016年07月12日 13:17
  • 1998

FireFox使用Firebug进行断点调试图…

利用Firebug我们可以非常方便地对网页上的任何JavaScript代码进行断点调试。 首先,使用快捷键F12在当前页面打开Firebug,并切换到脚本选项卡。 其次,我们需要为指定的js代码...
  • lxf0613050210
  • lxf0613050210
  • 2016年01月31日 17:14
  • 1096

火狐浏览器Firebugx本页面不包含 javascript

前言         自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。 问题   用firebug调试...
  • sms15732621690
  • sms15732621690
  • 2016年12月17日 10:51
  • 8388

火狐浏览器Firebug控制台显示本页面不包含 javascript的解决方案 debugger 无效解决方案

前言        自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。问题  用firebug调试的时候出现 ...
  • ymlf555
  • ymlf555
  • 2017年02月16日 15:01
  • 893

Firebug折腾记_(4)响应时间监测

题外话这篇作为firebug系列的结束贴; 四篇博文应该让一些小伙伴对firebug有了基本的认识和操作网络 菜单依次解释 暂停符号:在XHR( XMLHttpRequests)处暂停也就是监听,...
  • bomess
  • bomess
  • 2015年08月21日 17:49
  • 1851

firefox附加组件扩展插件开发综述

有一些东西想通过火狐扩展来实现;因为觉得可以省一些事。于是借此机会了解了firefox开发的整个体系。正如所想的,不仅可以开发开发基于火狐的扩展,同时也可以开发一个类似火狐的独立应用程序。 了解火狐...
  • xiaoyun_ny
  • xiaoyun_ny
  • 2015年01月19日 13:46
  • 4104

Android版火狐:远程调试功能指南

Android版火狐现在已经支持远程调试功能,这可以说是Web开发者的福音。这样你可以利用桌面版的开发工具来辅助开发,如Firebug。这样可以直接简化开发任务,以便开发和测试自己的移动网站和网络应用...
  • ly1577592799
  • ly1577592799
  • 2013年12月11日 11:00
  • 1294
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Firefox - Firebug附加软件 - HTML页面视图 - Inspect Element
举报原因:
原因补充:

(最多只允许输入30个字)