调试前首先要以debug模式启动应用服务器，在OperaMasks Studio 的faces编辑页面中按下快捷键F11，选择在Apusic服务器上运行：

图 26.1. debug模式下启动Apusic服务器

服务器正常启动后接下来就可以在程序中打断点,然后刷新页面进行调试了：

图 26.2. OperaMasks Studio 代码调试界面

在Firefox浏览器下调试JS脚本首先需要安装firebug插件。插件安装完之后启用脚本调试器即可对页面的JS进行调试：

图 26.3. 启用firebug的脚本调试功能

调试的方法和在OperaMasks Studio下类似，在firebug的脚本界面左侧单击鼠标为该代码行打上断点，接下来刷新页面进行调试，在firebug的右上角有各种调试操作的按钮，也可以直接用快捷键进行操作：

图 26.4. 用firebug调试JS脚本

调试CSS同样在firebug下进行。先点击firebug菜单中的查看按钮，然后再用鼠标点击页面的中某个元素就可以使firebug中的HTML界面中的代码定位到你所点击的元素对应的HTML代码

接下来就可以直接在HTML界面中修改页面的样式：

图 26.5. 在firebug下通过修改HTML调试CSS

或者在右侧的样式界面中对CSS进行修改：

图 26.6. 在firebug下通过修改CSS样式调试CSS