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

相关文章推荐

html页面+ashx添加邮箱附件(上传文件)

====================================================== 注:本文源代码点此下载 =============================...

千里之堤,毁于蚁穴----考试系统

千里之堤,毁于蚁穴,做项目的过程中可能会涉及到成千上万行的代码,在开发的过程中,一定要注意一些细节上的问题    今天任务的一项是把下拉框的级联查询做出来,用了两个EasyUi的下拉框,界面如下:

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

css中文乱码

css中文乱码 乱码包含 注释和字体 可以用firefox的firebug插件来查看样式是否有乱码。 解决方式: 注释乱码:强烈建议不要用中文注释。 字体乱码: 1.比如设...

Firefox firebug 快捷键

全局操作 打开Firebug窗口 F12 关闭Firebug窗口 F12 在新窗口打开Firebug Ctrl+F12 往前切换标签 C...

使用firefox的firebug插件进行网页js调试----firebug使用

本文引自http://www.ooso.net/archives/294 Firebug的中文含义是萤火虫,作者是Joe Hewitt,官方网页 http://www.getfirebug.com ...

下载firebug以及设置firefox的语言.

firefox安装插件:1、打开浏览器,点击菜单的add-ons 2、下载firebug 在搜索框输入你要安装的插件,比如安装firebug,输入后摁回车搜索。 3、点击右侧的Insta...

Firebug+Firefox调试方法

什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript 给页面增...

使用firefox的firebug插件进行网页js调试----firebug使用

Firebug的中文含义是萤火虫,作者是Joe Hewitt,官方网页 http://www.getfirebug.com Firefox亦即火狐浏览器,是近年来撼动IE浏览器市场占有率的一支强大力...

HTML页面加载流程

浏览器加载显示html的顺序是按下面的顺序进行的: 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是...

在html页面加音乐

第一种:在页面代码中的之间加入 这段代码。 ( 标签用于为 HTML 文档定义样式信息。 在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的,定义 sty...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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