调节和测量检验器开荒中的十三个手艺www.301.net:,10分钟学会前端调节和测量检验利器

10分钟学会前端调节和测验利器——FireBug

2015/09/17 · HTML5,
JavaScript · 1
评论 ·
调试

最早的文章出处:
惟吾德馨(@Allen_Bryant)   

时间:2011-02-20 10:05 来源:IT168 作者:网络 点击: 3158 次 【字号:大) 中) 小)】

概述

  FireBug是一个用于网址前端开拓的工具,它是FireFox浏览器的叁个恢宏插件。它能够用于调节和测验JavaScript、查看DOM、解析CSS、监控互连网流量以至开展Ajax人机联作等。它提供了大致前端开采要求的全方位功能。官网:www.getfirebug.com

怎么着获取Firebug?

因为它是Firefox浏览器的二个恢宏插件,所以首先要求下载Firefox浏览器。读者能够访谈www.mozilla.com下载并安装Firefox浏览器。安装实现后用它访谈

进去下图所示页面。点击”增加到Firefox”,然后点击”立刻安装”,最后重复启航Firefox浏览器就能够到位安装。

www.301.net 1

深信广大从事Web开荒专门的学业的开辟者都闻讯和行使过Firebug,但恐怕超过52%人还不知晓,其实它是一个在网页设计方面机能特别强盛的编辑器,它能够对HTML、DOM、CSS、HTTP和Javascript进行完美的追踪和调弄收拾。它是Firefox浏览器的三个插件,所以提议各位Web开垦者

主面板

设置到位以后,在Firefox浏览器之处后方就能有三个小虫子的Logowww.301.net 2。单击该Logo后就可以开展Firebug的调整台,也足以通过连忙键<F12>来展开调节台。使用Ctrl+F12火速键可以使Firebug独立张开三个窗口而不占用Firefox页面后面部分的长空。

www.301.net 3

从上海体育场地中得以看来,Firebug包含7个面板:

操纵台面板:用于记录日志、大概浏览、错误提醒和实施命令行,同不经常候也用于Ajax的调弄整理;

HTML面板:用于查看HTML成分,能够实时地编辑HTML和改换CSS样式,它包涵3个子面板,分别是体制、布局和DOM面板;

CSS面板:用于查看全体页面上的CSS文件,能够动态地改良CSS样式,由于HTML面板中早就包罗了三个CSS面板,由此该面板将非常少用到;

本子面板:用于展现Javascript文件及其所在的页面,也能够用来突显Javascript的Debug调节和测量检验,富含3个子面板,分别是监督检查、货仓和断点;

DOM面板:用于体现页面上的兼具目的;

互联网面板:用于监视网络移动,能够扶植查看二个页面包车型大巴载入情形,包罗文件下载所据有的岁月和文书下载出错等音讯,也足以用于监视Ajax行为;

Cookies面板:用于查看和调节cookie(要求安装下文财富中所提到的Firecookie)。


 

 

  调整台面板

1.说了算台面板概览

此面板能够用于记录日志,也足以用来输入脚本的命令行。

2.笔录日志

Firebug提供如下多少个常用的记录日志的函数:

console.log:轻松的笔录日志;

console.debug:记录调节和测量试验新闻,况兼附上行号的超链接;

console.error:在信息前展示错误Logo,并且附上行号的超链接;

console.info:在音信前呈现音信Logo,並且附上行号的超链接;

console.warn:在苗条钱彰显警报Logo,何况附行号的超链接。

在空白的html页面中,向<body>标签中参与<script>标签,代码如下:

JavaScript

<script type=”text/javascript”> console.log(‘this is log
message’); console.debug(‘this is debug message’); console.error(‘this
is error message’); console.info(‘this is info message’);
console.warn(‘this is warn message’); </script>

1
2
3
4
5
6
7
<script type="text/javascript">
  console.log(‘this is log message’);
  console.debug(‘this is debug message’);
  console.error(‘this is error message’);
  console.info(‘this is info message’);
  console.warn(‘this is warn message’);
</script>

进行代码后能够在Firebug中观望下图所示的结果,早前习于旧贯了用alert来调节和测验程序,不过在Firebug下可以使用console。

www.301.net 4

3.格式化字符串输出和多变量输出

以此功效看似于C语言中的语法,能够在console记录日志的格局里应用。

%s:字符串  %d,%i:数字  %f:浮点数  %o:链接对象

再者,那多少个函数帮助五个变量。代码如下:

JavaScript

<script type=”text/javascript”> var
kid=”孩子”,count=”3″,man=”Allen”; var
sport1=”篮球”,sport2=”羽球”,sport3=”网球”;
console.log(“%d个%s在玩游戏”,count,kid);
console.log(count,”个”,kid,”在玩游戏”);
console.log(“%s长于的活动有:”,man,sport1,sport2,sport3);
</script>

1
2
3
4
5
6
7
<script type="text/javascript">
  var kid="孩子",count="3",man="Allen";
  var sport1="篮球",sport2="羽毛球",sport3="网球";
  console.log("%d个%s在玩游戏",count,kid);
  console.log(count,"个",kid,"在玩游戏");
  console.log("%s擅长的运动有:",man,sport1,sport2,sport3);
</script>

运作代码后效果如下图所示:

www.301.net 5

Firebug控制台还提供了此外职能,举个例子检查评定函数实行时间、新闻分组、测验驱动、追踪、计数以至查看Javascript轮廓等。更多材质能够访谈.

4.面板内的子菜单

操纵台面板内有一排子菜单,分别是排除、保持、概略、全体等。

www.301.net 6

“消逝”用于破除调节桃园的内容。“保持”则是把调整新竹的内容保留,尽管刷新了依旧还存在。“全体”则是显得整个的信息。前边的“错误”、“警报”、“音讯”、“调节和测量试验消息”、“Cookies”菜单则是对全部开展了二个分类。

“轮廓”菜单用于查看函数的习性。上边通过贰个事例来演示,代码如下:

JavaScript

<button type=”button” id=”btn1″>实行循环1</button>
<button type=”button” id=”btn2″>实践循环2</button>
<button type=”button” id=”btn3″>实践循环3</button>
<script type=”text/javascript”> var f1=function(){ for(var i
=0;i<1000;i++) for(var j=0;j<1000;j++); } function f2(){ for(var i
=0;i<1000;i++) for(var j=0;j<1000;j++); }
document.getElementById(“btn1”).onclick=f1;
document.getElementById(“btn2”).onclick=f2;
document.getElementById(“btn3”).onclick=function(){ for(var i
=0;i<1000;i++) for(var j=0;j<1000;j++); } </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<button type="button" id="btn1">执行循环1</button>
<button type="button" id="btn2">执行循环2</button>
<button type="button" id="btn3">执行循环3</button>
<script type="text/javascript">
    var f1=function(){
        for(var i =0;i<1000;i++)
            for(var j=0;j<1000;j++);
    }
    function f2(){
        for(var i =0;i<1000;i++)
            for(var j=0;j<1000;j++);
    }
    document.getElementById("btn1").onclick=f1;
    document.getElementById("btn2").onclick=f2;
    document.getElementById("btn3").onclick=function(){
        for(var i =0;i<1000;i++)
            for(var j=0;j<1000;j++);
    }
</script>

开拓页面,展现多个开关:

www.301.net 7

展开页面后,先启用Firebug调控台面板,然后单击“轮廓”菜单,如下图所示:

www.301.net 8

从上海教室中能够看来,现身了豆蔻梢头行字,“概况采摘中。再度点击“轮廓”查看结果。”,接着,依次单击“推行循环1”、“实行循环2”、“试行循环3”多个按键各三回,并再一次单击“概略菜单”,就能够看出如下图所示结果:

www.301.net 9

能够观望Firebug展现出了要命详尽的报告。包罗各个函数的函数名、调用次数、占用时间的比例、占用时间、时间、平均时间、最小时间、最大时间以致各省的公文的行数等信息。

5.Ajax调试

支配台面板也可用于Ajax调节和测量试验,在自然水准上得以代表互联网面板。举例作者张开二个页面,能够在Firebug调节台看见此次Ajax的Http伏乞头音讯和服务器响应头音讯。如下图,它会展现出此番使用的Ajax的GET方法、地址、耗费时间以至调用Ajax哀告的代码行数。最要害的是有5个标签,即参数、头新闻、响应、HTML、Cookies.第八个标签用于查看传递给服务器的参数;第叁个标签用于查看响应头音信和伏乞头消息;第多个标签用于查看服务器再次来到的剧情;第两个标签则是翻开服务器重返的HTML结构;第七个标签用于查六柱预测应的库克ies。

www.301.net 10

若是看不到任何音信的产出,也许是将此功能关闭了,能够单击“调整台”旁边的下拉箭头,将“展现XMLHttpRequests”前边的勾勾选上就可以。

www.301.net 11

   

HTML面板

1.翻看和改变HTML代码

Html面板的不战而胜之处就是能查看和改进HTML代码,何况这一个代码皆以透过格式化的。下边以本人的三个浏览器主页来做教师。

www.301.net 12

在页面陆军群青部分代表成分本人,翠绿表示padding部分,鲜青表示margin部分。同不日常候能够实时地抬高、校正和删除HTML节点以致质量,如下图所示。别的,单击script节点还足以向来查看脚本,此处的台本无论是内嵌在HTML中照旧表面导入的,都能够查见到。相近那也适用于<style>标签内嵌也许导入的CSS样式和动态成立HTML代码。

www.301.net 13

在HTML调控台的左臂能够看见整个页面当前的文书档案结构,可以经过单击“+”来拓宽。当单击相应的因素时,侧面边板中就展会示出当下成分的样式、布局以至DOM音信。而当光标移动到HTML树中相应成分上时,下面页面中相应的因素将会被高亮显示。

比如,将光标移动到叁个<P>标签上,展现效果如下图所示:

www.301.net 14

在HTML调控台的左边能够见见整个页面当前的文书档案结构,可以透过单击“+”来进展。当单击相应的成分时,侧边边板中就能显得出当下成分的样式、布局以至DOM消息。而当光标移动到HTML树中相应成分上时,下面页面中相应的因素将会被高亮显示。

举个例子,将光标移动到二个<P>标签上,突显效果如下图所示:

2.查看(Inspect)

应用查看(Inspect)功效,能够火速地搜寻到有个别成分的HTML结构,如图:

www.301.net 15

当单击”Inspect”按键后,用鼠标在网页上入选三个成分时,元素会被二个卡其色的层面住,同时上面包车型大巴HTML面板中相应的HTML树也会进行何况高亮展现。再度单击后就能够退出该形式,况且尾部的HTML树也保证在这里个处境。通过那么些功能,能够高速找寻页面内的要素,调节和测验和搜索相应代码极其方便。刷新网页后,页面呈现的仍是用Inspect选中的区域。

HTML面板下方的“编辑”按键能够用来间接编辑选中的HTML代码,而后边展现的是时下成分在全体DOM中的结构路径。

3.查看DOM中被剧本改进的一些

由此JavaScript来改换样式属性的值能够完结都部队分动漫片效果。张开页面后,利用查看(Inspect)功用来抉择相应的HTML代码,举例,选中“要闻”,如下图所示:

www.301.net 16

单击“本国”标签后,现身下图所示效果:

www.301.net 17

由此上海体育场面能够见见,HTML查看器会将页面上校订的故事情节页记录下来,并以清水蓝高亮代表。有了这几个功效,网页的不成文规定将根本成为历史。大家得以选择该意义查看其余网址的动画片效果是哪些兑现的。

4.查看和改良成分的体裁

在左手的样式面板中,展现了此成分当前颇负的体制。全数的体裁都能够实时地剥夺和改造,如下图所示,通过在”text-align:center”前单击会冒出禁止使用的标记,那样就足以禁止使用此法规。通过间接在样式value值上单击就足以改进。

www.301.net 18

单击“布局”面板就可以看出此因素具体的布局属性,那是二个规范的盒模型。通过“布局”面板,能够超轻便地观察成分的偏移量、外边距、边框、内边距和要素的万丈、宽度等新闻,如下图所示:

www.301.net 19

5.查看DOM的信息

单击“DOM”面板后得以看看此因素的详实的DOM音信以至函数和事件,如下图所示:www.301.net 20

 

CSS、DOM和网络面板

那3个面板绝对于前方2个面板相比次要,CSS和DOM面板与HTML面板中右边的面板功效雷同,但比不上HTML面板灵活,由此日常采用得非常少。

CSS面板特有的三个成效就是能够分级详细查看页面中内嵌以至动态导入的体裁。如下图所示:

www.301.net 21

单击CSS面板后就足以独家查六柱预测应的体制。此处张开的体制都以通过格式化的,符合于学习CSS的代码格式和专门的学业。

而在互连网面板中,相对有一点有力的法力,比方张开有个别网址首页,Firebug展现效果如下图所示:

www.301.net 22

该页面能够监视每黄金时代项成分的加载境况,包括剧本,图片等的大小以至加载用时等,对于页面优化有着非常首要的意思。

此外,顶上部分还足以分类查看元素的HTML、CSS、JS等的加载景况,使剖判进而灵敏。

 相信广大从业Web开垦职业的开采者都闻讯和采取过Firebug,但可能大部分人还不驾驭,其实它是四个在网页设计方面效果十分苍劲的编辑器,它可以对HTML、DOM、CSS、HTTP和Javascript举行完美的追踪和调养。它是Firefox浏览器的贰个插件,所以建议各位Web开辟者,要充足利用FireFox浏览器和Firebug插件进行平常的疗养职业。本文选用了13个Web开荒者应该驾驭的Firebug的初级应用技能,介绍给我们。

  脚本面板

本子面板不仅可以够查阅页面内的脚本,並且还恐怕有壮大的调试成效。

在剧本面板的右边有“监控”、“仓库”和“断点”四个面板,利用Firebug提供的安装断掉的效率,能够很实惠地调节和测验程序,如下图所示:

www.301.net 23

1.静态断点

比方test.html文件,代码如下:

XHTML

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“; <html
xmlns=”; <head> <script
type=”text/javascript”> function doSomething(){ var lab =
document.getElementById(‘messageLabel’); arrs=[1,2,3,4,5,6,7,8,9];
for(var arr in arrs){ lab.innerHTML+=arr+”<br />” } }
</script> </head> <body> <div> <div
id=”messageLabel”></div> <input type=”button” value=”Click
Here” onClick=”doSomething();”/> </div> </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        function doSomething(){
            var lab = document.getElementById(‘messageLabel’);
            arrs=[1,2,3,4,5,6,7,8,9];
            for(var arr in arrs){
                lab.innerHTML+=arr+"<br />"
            }
        }
    </script>
</head>
<body>
    <div>
        <div id="messageLabel"></div>
        <input type="button" value="Click Here" onClick="doSomething();"/>
    </div>
</body>
</html>

运作代码后方可看来下图所示效果。图中加粗并有颜色的行号表示此处为JavaScript代码,能够在此边安装断点。比如在第6行那句代码前面单击一下,那它前边就能够现身一个奶油色的圆点,表示此处已经棉被服装置了断点。此时,在侧边断点面板的断点列表中就现身了刚刚设置的断点。要是想一时禁止使用有个别断点,能够在断点列表中去掉有个别断点的前方的复选框中的勾,那么当时右手面板中相应的断点就从红栗色产生了红栗冰雪蓝了。

www.301.net 24

设置完断点之后,大家就可以调节和测量试验程序了。单击页面中的“Click
Here”按键,能够看出剧本截至在用谈铁灰底色标出的那后生可畏行上。这个时候用鼠标移动到某些变量上就可以展现那时候以此变量的value。展现效果如下:

www.301.net 25

那时JavaScript内容上方的www.301.net 26八个按钮已经变得可用了。它们分别代表“继续实行”、“单步步入”、“单步跳过”和“单步退出”。

继续试行<F8>:当通过断点来终止实践脚本时,单击<F8>就能大张旗鼓执行脚本。

单步步向<F11>:允许跳到页面中的别的函数内部。

单步跳过<F10>:单击<F10>来直接跳过函数的调用即跳到return之后。

单步退出<shift+F11>:允许恢复生机脚本的施行,直到下贰个断点结束。

单击“单步步入”开关,代码会跳到下大器晚成行,呈现效果如下:

www.301.net 27

www.301.net 28

从上海体育场所能够观望,当鼠标移动到“lab”变量上时,就能够来得出它的内容是三个DOM成分,即“div#messageLabel”。

那会儿将右侧面板切换成“监察和控制”面板,这里列出了几个变量,包罗“this”指针的照准以至“lab”变量。单击“+”能够看出详细的消息。展现如下:

www.301.net 29

2.原则断点

在“lab.innerHTML+=arr+”<br
/>””这行代码前边的序号上单击鼠标右键,就能够现身设置标准断点的输入框。在该框内输入“arr==5”,然后回车确认,呈现效果如下:

www.301.net 30

末了单击页面包车型客车“Click
Here”开关。能够开采,脚本在“arr==5”这么些表明式为真时停下了,由此“5”以致未来的数字未有突显到页面中。下图分别是健康功用和安装了标准断点之后的显得效果相比较:

www.301.net 31www.301.net 32

  1、使用Firebug可以找到页面中的任何内容

资源

火速键:按<F12>能够高速开启Firebug,倘若想获得完整的连忙键列表,可以访问.

主题材料:假如设置进程中相遇了好多不便,能够查看Firebug的Q&A,网站为.

Firebug插件:Firebug除了作者强盛的功效之外,还会有基于Firebug的插件,它们用于扩展Firebug的效用。比如谷歌公司开垦Page
Speed插件,开采职员能够选择它来评估他们网页的性质,并获得有关怎么样校订品质的提出。Yahoo公司支付的用于检查测验页面全体品质的YSlow和用于调节和测量检验PHP的FirePHP。还应该有用于调节和测验Cookie的Firecookie等。

  不通晓诸位有无境遇过那样的情况,在一个目不暇接的HTML页面中,当你想找某些页面成分的莫过于对应的HTML时,你必须要在第一次全国代表大会堆HTML代码中去搜寻,十三分劳神。有了Firebug,现在您只须要在页面中,用鼠标右键选中有些成分,然后在弹出的菜系中,采用“查看成分”,立即就能在HTML页面代码中找到该因素对应的代码了,十分利于,如下图所示:

总结

通过本文的就学,读者能够垄断(monopoly卡塔尔Firebug的基本作用。Firebug已经稳步造成三个调节和测验平台,而不只是多个轻松的Firefox扩张插件。学好Firebug能给现在的读书和行事提供一定的支持。

参照他事他说加以考查文献:《锋利的JQuery(第2版)》

1 赞 3 收藏 1
评论

www.301.net 33

 

www.301.net 34

 

  同样,也提供了更加高速的不二等秘书技:只必要点Firebug插件左上方的箭头,如下图所示,则每当鼠标在页面中活动时,在Firebug调整台中就随时显得移动时通过的HTML成分的代码:

 

www.301.net 35

  2、能够使用Firebug改过HTML和CSS

  通过Firebug,能够直接修改HTML,增添HTML的特性,删除成分,扩展CSS样式及落实越来越多效果与利益,如下图:

www.301.net 36

  在上海体育场所的菜单中能够清楚看出,你能够对HTML成分实行五光十色的更改操作,方法是先点击HTML部分的代码,然后鼠标右键就可以在弹出的美食指南中开展操作。

  3、能够透过Firebug查看DOM成分和对XML举办操作

  当张开二个HTML页通过Firebug查看HTML代码时,你能够何况点在调整面板中的DOM树,就能以DOM的树型结构格局来看全部HTML的结构。而假使您是开辟了二个XML文件,那么鼠标右键点XML文件中的任何多少个成分,在弹出的菜单中大器晚成致能够筛选对XML实行相关操作,如下图:

www.301.net 37

  4、使用Firebug调试Javascript代码

  在Firebug调控新北,借使要实践调节和测量试验Javascript代码,只须要首先将Script调整面版运维,然后在点击Console开关,在下拉菜单中接受展现Javascipt及HTML错误(还能让客户选用呈现越多的大谬不然),接着在尾部会意识现身>>>的箭头,在这里地,你能够输入Javascipt代码,输入后,立时按回车键,就能够施行了,十分利于,如下图:

www.301.net 38

  多少个小技艺是,在输入Javascipt的时候,还援助选用tab键的活动完结提示功能,比方对于二个很短的Javascipt函数,在没输入完的时候若是按tab键firebug就能支援你活动补充完整。

5、多次加载页面后Firebug会记得加载前的地点

  不论你重新加载多少次页面,Firebug在历次加载页面后总会协和记得加载前页面所在之处(比方您曾经在浏览页面包车型地铁最底层,那时候再加载页面,则新的页面加载后,依然把您带到页面尾巴部分)。

 

6、使用$标志去便利访谈变量

  在上边的第4点中,大家关系了在>>>那一个命令行下能够展开Javascript的调节和测量检验,而此外八个技能是足以选拔如$1去做客曾经访问过的变量中的最后贰个,如此类推,能够运用$2访问曾经拜望过的变量中的尾数第三个。如下图:

www.301.net 39

  7、Firebug会高亮度展现改善过的剧情

  在Firebug中,只要你改改进页面中的内容,就能以风骚高亮度显示已经改善过的内容,如下图:

www.301.net 40

  8、监视Javascript的运作质量

  在Firebug中,你能够点调整新北的“profile(轮廓)”选项,那将拉开Firebug的性子监视效用,之后你能够张开页面包车型大巴风度翩翩类别操作,当再度点profile开关后,将甘休对质量的监测活动,接着Firebug会显示贰个列表,此中会驾驭列明操作过程中所涉及的函数,调用次数,占用时间、平均时间,最小时间,最大时间等,如下图所示:

www.301.net 41
▲(点击图片查看大图卡塔尔

9、Firebug强盛的互连网数据监视功用

  Firebug还提供了老大作用强大的网络数据监成效。开采者在付出web应用时,经常要考查各个HTTP乞请和应对,在这里地方Firebug的机能十一分无敌。首先,只须求展开调节面板中的网络成效,然后在历次运转页面时,都得以知晓看出各样HTTP的央浼和HTTP回应的现实性细节。如下图:

www.301.net 42
▲(点击查看大图卡塔 尔(阿拉伯语:قطر‎

  在上海教室中,只要点每叁个伸手旁边的+号,就足以看出该央浼的现实性细节,如下图:

www.301.net 43

  可以观看,能看见HTTP的尾部的各个新闻。同样,即便要看这几天页面中的譬喻图片,FLASH等要素的音信等,也足以通过上海教室去点区别的选项卡去筛选查看,十二分惠及。

  10、使用Firebug的Log功能

  在规划页面时,常常要记录下页面包车型大巴黄金年代部分信息,此时,可以行使Firebug中的log日志功用,把豆蔻梢头部分音信输出到firebug的调整高雄,那样就有益调节和测验了。Firebug提供了一个console对象,在插件加载的时候就报了名到Javascript的运维条件中去了,能够在先后中央直属机关接行使。console对象提供了七个log方法,比如表明如下:

www.301.net 44<script language=”javascript” type=”text/javascript”> 
www.301.net 45 console.log(‘This is log
message’);  
www.301.net 46 console.debug(‘This is debug
message’);  
www.301.net 47  console.error(‘This is error
message’);  
www.301.net 48  console.info(‘This is info
message’); 
www.301.net 49 console.warn(‘This is warning
message’);  
www.301.net 50</script>

   在Firefox中奉行如下代码,会看出Firebug的调整新北冒出如下消息:

www.301.net 51

  能够看出,各样级其余日记输出,都包括四个多彩的Logo,能给客商很精通的晋升。同期,console.log
还扶持格式化字符串的输出,你能够用相近C语言中printf的语法来调用那个函数:console.log(“%s
is %d years old.”, “Bob”, 42)。

  11、能够在Firebug中调节和测量试验程序

  在Firebug调控台的的Javascript调整面板中,能够对页面中的Javascript进行调治,方法很简短,只须求在要调整的行的右侧单击,就能够产出断点了,之后请牢牢记住上面常件的快速键:

  (1)  F10 步向下后生可畏行;
(2)  F8持续调节和测量检验;
(3)  F11步入Javascript中的函数体调节和测量试验;
(4)  Shift+F11跳出函数体。

www.301.net 52

  12、在Firebug中得以安装带条件的断点

  在Firebug中,还足以设置带条件剖断的断点,如下图:

www.301.net 53

  总结

  Firefox搭配Firebug在web程序设计中,可谓是“双剑合壁”,功用强盛,本文只是选项了内部的一些技巧予以介绍,越多的请参见Firebug官方网站的牵线。

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注