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
版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

相关文章推荐

Spring MVC前台使用html页面作为视图,配置静态资源后Controller控制器不起作用的解决办法

1.Spring MVC搭建项目的时候,想使用html页面作为前端的视图,你会发现html页面不能访问,原因是由于Spring拦截器将其拦截寻找控制器的缘故,解决办法就是配置静态资源: 1 2 ...

【软件测试】获取html页面中某个元素的XPath

获取html页面中某个元素的XPath Chrome浏览器 第一步: 打开Chrome浏览器,随便输入一个网址,我这里面输入的是http://www.ncfxy.com/index.html,按下F1...

html页面置顶置底

  • 2017年08月09日 11:11
  • 33KB
  • 下载

前端在html页面之间传递参数的方法

项目中经常会出现的一种情况,有一个列表,譬如是案例列表,点击列表中的某一项,跳转至详情页面。详情是根据所点击的某条记录生成的,因为案例和具体的详情页面,都是用户后期自行添加的,我们开始编写时,不可能穷...

HTML页面初始化

  • 2017年06月16日 18:16
  • 257B
  • 下载

html页面读取

  • 2014年01月05日 17:24
  • 37KB
  • 下载

通过OCX控件实现HTML页面读取二代证信息

近段工作需要接触了ocx控件.. 头痛啊..对我来说是新东西呢.. 有CVR100.cab包一个.. 内有PCVR_IDCard.ocx文件..  命令行, regsvr32 PCVR_IDCa...

后台管理html页面小白专用

  • 2014年01月28日 14:55
  • 7.51MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Firefox - Firebug附加软件 - HTML页面视图 - Inspect Element
举报原因:
原因补充:

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