Page 100 - JavaScript修炼之道
P. 100
92 附录B JavaScript调试指南
制。该页面的源代码debugbench.html和对应的debugbench.js文件可以在本书的在线代码档案中找到。
下面是这个HTML页面的源代码:
debugbench.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="debugbench.js"></script>
<title>Pocket JavaScript debug bench</title>
</head>
<body>
<h1>Debug bench</h1>
<input type="button" onclick="alert(fibo(20))" value="Fibo(20)" />
</body>
</html>
下面是接下来会用到的JavaScript源代码:
debugbench.js
function fibo(base) {
if (base <= 2)
return 1;
return fibo(base - 1) + fibo(base - 2);
}
B.2 Firefox和Firebug
可以在Firebug的官方主页(http://getfirebug.com)或Mozilla的附件库页面(http://addons.mozilla.org)
①
获得Firebug。在写这本书的时候,Firebug已经发布了1.4版本 ,它的alpha版本也在紧锣密鼓的测
试之中。Firebug曾经有过一段比较艰难的时期,当时它的一些Ajax相关的特性会导致双重请求之
类的怪异行为。不过经过开发者的努力,在Firebug的新版本里,这些问题已不复存在,同时它的
功能也变得更加强大。所以,如果你还在使用Firebug 1.2到1.3之间的版本,那么我建议你应该尽
快升级到最新版本。
出于性能方面的考虑,在浏览任何地址(包括本地文件)时,Firebug的一些特性默认处于关
闭状态。这时,你需要单击状态条右边的bug图标来打开Firebug面板,并激活你需要的特性。
Firebug的功能非常丰富,不过,本书主要关注Console(控制台)和Script(脚本)选项卡。
——————————
① 翻译本书时Firebug已经推出了1.7版本。*