Firebug使用笔记

Firebug使用手册:https://getfirebug.com/wiki/index.php/Main_Page

Firebug主要由7标签组成,它们分别为控制台、HTML、CSS、Script、DOM、Net、Cookies。

(1)控制台

保证(Persist):按下“保持”按钮,则界面中的信息会保存,即使刷新页面也不会清空。

概况(Profile):按下此按钮会记录JavaScript的调用。

命令台( ):在任意界面点击上述按钮可使用JavaScript来进行操作。

(2)HTML 标签

The "Break On Mutate" button ( )

选中该按钮,则HTML的改变会暂定JavaScript的执行并跳至Script标签。

(3)CSS标签

可以通过“双击”来添加一项新属性。

可以点右键,通过选项来添加一条新规则。

当改变属性值时,使用可以 /来使其增减1,使用 Shift + /使其增减10,使用 Ctrl + /↓使其增减 0.1。

(4)脚本标签

美化按钮( ):可以使外置文件的脚本格式化。(bug:多次点击会失效。)

可以打断点的脚本行的行号是绿色的。

断点执行如下:

Firebug可以方便的禁用和移除所有断点:

(5)DOM

该标签暂时不会用到。

(6)网络标签

BFCache (back/forward cache)即页面前进或后退时页面的缓存。

在瀑布流中各颜色的含义和样例:

(7)Cookies Panel

提供方便的增删改Cookies的操作。

时间: 2024-11-08 19:17:33

Firebug使用笔记的相关文章

FireBug调试工具笔记

  Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件, 现属于Firefox的五星级强力推荐插件之一.它集HTML查看和编辑.Javascript控制台.网络状况监视器于一体,是开发 JavaScript.CSS.HTML和Ajax的得力助手.Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面, 给Web开发者带来很大的便利.例如 Yahoo! 的网页速度优化建议工具 YSlow.下面咱们就来学习FireBug工具的使用.如有错,望提出

Dynamic CRM 2013学习笔记(二十三)CRM JS智能提示,及firebug frame调试

我们知道在CRM的js文件里引用XrmPageTemplate.js后,就可以实现智能提示,但每个js文件都引用太麻烦了,其实可以利用vs的功能让每个js文件自动实现智能提示CRM的js: 另外,我们调试js,发布js文件也是比较繁琐的事情,最好的办法是全部调好,再发布上去,本文介绍用firefox + firebug + frame可以很方便地调试CRM js,全部调好后,再上传js,明显可以加快开发的速度.   1. vs 里加上XrmPageTemplate.js: http://yunp

webpy使用笔记(二) session/sessionid的使用

webpy使用笔记(二) session的使用 webpy使用系列之session的使用,虽然工作中使用的是django,但是自己并不喜欢那种大而全的东西~什么都给你准备好了,自己好像一个机器人一样赶着重复的基本工作,从在学校时候就养成了追究原理的习惯,从而有了这篇session的使用和说明. PS:其实有些总结的东西挺好的,想分享给大家看,而不是枯燥的代码,这东西说实话对其他人用处不大,但都被移除首页了~~ webpy中的session 下面为官方的例子,用session来存储页面访问的次数,

【转】Web前端黑客技术揭秘{笔记}

原文 http://www.cnblogs.com/r00tgrok/articles/Web-Hacking.html 前些日子看完了白帽子讲Web安全,当时就PHP安全一 章做了点小笔记,感觉看书还是留下点东西比较好.翻开Web前端黑客技术揭秘一书决定要做笔记,但是这样下来其实进度就比较慢了,敲字做笔记绝对远比看书 来的慢.有时候上午看完的内容做笔记时要花一天时间,一方面是要敲字,另一方面是自己只从书上摘录部分内容有时候需要将其串起来,还有就是碰上自己想发两 句言也会拖慢进度.总之现在书是看

PHP - 《高性能php应用开发》学习笔记

一.基准测试 php网站优化最佳实践:优化前端(压缩js/css/images)--->程序优化(编码最佳实践.opcode缓存.变量/数据缓存)--->数据库.服务器调优-->操作系统调优 1.基准测试实用工具 定义请求/响应生命周期 典型的http请求包含正在尝试访问的主机信息.浏览器信息以及对web服务器有用的其他信息. 1)Apache Benchmark 实例: D:\Webdev\bin\apache\apache2.2.22\bin>ab -n 10000 -c 50

【Ext.Net学习笔记】02:Ext.Net用法概览、Ext.Net MessageBus用法、Ext.Net布局

Ext.Net用法概览 Ext.Net还是很强大,如果运用熟练可以极大的提高编程效率.如果你也要学习Ext.Net,原文博主推荐书籍:<Ext.Net Web 应用程序开发教程>,是英文的,有基础的可以看下,可以百度到PDF文档的. Ext.Net与ExtJS代码比较 上一篇中我们创建了一个使用Ext.Net创建了一个window窗口,代码非常简单: <ext:Window runat="server" ID="win" Title="示

Nginx快速入门菜鸟笔记

Nginx快速入门-菜鸟笔记   1.编译安装nginx 编译安装nginx 必须先安装pcre库. (1)uname -a 确定环境 Linux localhost.localdomain 2.6.32-431.el6.x86_64 #1 SMP Fri Nov 22 03:15:09 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux (2)yum install -y pcre pcre-devel -y 必须安装pcre库(实现nginx rewrite模块功

kali安全的一些笔记

偶尔学习安全,作了一些笔记,比较乱,希望对大家有用 1.本机性能监控软件(目前可以分布式):zabbix   ./configure --prefix=  --enable-agent 2.linux主机型HIDS:OSSEC HIDS 3.kali linux初始化配置:http://www.linuxidc.com/Linux/2014-05/102206.htm http://xiao106347.blog.163.com/blog/static/215992078201342410347

渗透笔记大全

渗透笔记[ 常见网站程序 ] —————————————————————————————–asp类: foosun(风讯)kesion(科汛)newasp(新云)乔客CreateLive(创力)5uCMSKingCMSDvBBS(动网)BBSxp[博客]zblog[博客]pjblog —————————————————————————————– PHP类:DeDeCms(织梦)ECMS(帝国)PHPCMSPHP168HBcms(宏博)SupeSiteCMSware(思维)Joomla![BBS]