收藏本站帮助飘仙建站网侵权投诉

切换到宽版

飘仙建站论坛»论坛 › 源码cms建站学习交流区 › 网页制作设计交流 › Firebug Tutorial (Section 4 ) : – Net, CSS and DOM ...

返回列表发新帖

查看: 1385|回复: 0

[分享] Firebug Tutorial (Section 4 ) : – Net, CSS and DOM tabs(2)

发表于 2013-4-19 11:04:05 | 显示全部楼层 |阅读模式来自中国–北京–北京

#3. DOM panel

It shows all default DOM properties, functions, constants, the user-defined properties and user-defined function.This panel is not very helpful (at least for me) except one thing. If you wanna find out how many function or properties included your scripts, you may probably want to use this panel to find out about that.

Let’s write one short script as below in plain HTML file.

01	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[color=blue !important]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[backcolor=rgb(248, 248, 248) !important]

02	<html xmlns="[color=blue !important]http://www.w3.org/1999/xhtml" >

03

<head>

[backcolor=rgb(248, 248, 248) !important]

04	<title>Untitled Page</title>

05	<script type="text/javascript">

[backcolor=rgb(248, 248, 248) !important]

06	function Car(){

07	this.Gear = 5;

[backcolor=rgb(248, 248, 248) !important]

08	this.Start = function(){

09	console.log("Please put my car a lit bit!");

[backcolor=rgb(248, 248, 248) !important]

10	return false;

11

}

[backcolor=rgb(248, 248, 248) !important]

12

}

13

</script>

[backcolor=rgb(248, 248, 248) !important]

14

</head>

15

<body>

[backcolor=rgb(248, 248, 248) !important]

16

</body>

17

</html>

And then, save it as htm file. Open it in Firefox and then check the DOM tab. You will see the result as the picture below. “Car()” is a function that you just wrote in JS, isn’t it?

Okay. That’s all about DOM tab. This is the feature what DOM tab has so far….

My tutorials for Firebug is ended here. I hope that you all do enjoy reading all of my tutorials. Actually, I’m not teaching you about Firebug. I’m just sharing the way I understand about Firebug and I believe that you found it useful. Any feedback are welcome as usual. Feel free to let me know if you have any suggestion or comment.

One more thing is that Yahoo is releasing the Firefox addon called YSlow integreated with Firebug. This tool is also a performance measuring tool like Net panel. YSlow used to determine the performance of webpage based on 13 rules. I’m currently learning about those rules and doing some experiments. I will post about this in details very soon.. Please keep on watching my blog….

Thanks for reading. Have a nice day!!
Michael Sync
Hey! don’t forget to give the feedback about my tutorials.. Here is the index.. Thanks..

Firebug Tutorials

Firebug Tutorial : Section 4 – Net, CSS and DOM tabs

posted in Firebug, Firefox by Michael Sync

发帖求助前要善用【论坛搜索】功能，那里可能会有你要找的答案；

如何回报帮助你解决问题的坛友，好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分，做一个热心并受欢迎的人！

回复

使用道具举报

返回列表发新帖

站长推荐 /1

|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-12-22 21:24 , Processed in 0.039656 second(s), 10 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表