用Firebug调试Fusion Viewer或Mobile Viewer

各位已经开始做基于Fusion Viewer或者Mobile Viewer的开发了吗?如果你正在做或者准备做,这篇文章也许对你有帮助。Fusion Viewer和Mobile Viewer主要由大量的Javascript和部分php代码实现,估计你的开发工作多半会是和Javascript搏斗,对于JavaScript 的调试,FireFox + Firebug是个不错的选择。

 

在Fusion Viewer和Mobile Viewer里,为了提高性能,使用的是一个压缩版本的JavaScript类库,但这样对于调试就不方便了。你需要使用非压缩版本用于调试:

 

对于Fusion Viewer,比如你使用的是Slate模版,你可以用notepad++打开C:\Program Files\Autodesk\Autodesk Infrastructure Web Server Extension 2013\www\fusion\templates\mapguide\slate\index.html,把下面的代码
<script type="text/javascript"
src="../../../lib/fusionSF-compressed.js"></script>

改成

<script type="text/javascript"
src="../../../lib/fusion.js"></script>

 

对于Mobile Viewer,可以打开C:\Program Files\Autodesk\Autodesk Infrastructure Web Server Extension 2012\www\MobileViewer\index.html,按照注释提示的那样,使用下面的代码:

<!-- For debugging, use these links-->
<link href="css/mobileviewer.css"
  rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" src="lib/mobileviewer.js">
</script>

 

好了,现在你可以在Firefox里打开你的Fusion Viewer或者Mobile Viewer,并且打开Firebug开始调试了。在Firebug的脚步窗口,你可以设置断点,并且可以按F11或者F10进行单步跟踪,在监视窗口中可以查看对象在运行时的值。当然了,firebug还有更多的功能,你可以自己试一下。

image_thumb2

image_thumb5

 

另外其他浏览器也提供了类似的开发者工具,比如IE9, Google Chrome等,你喜欢用哪个?


Related Posts Plugin for WordPress, Blogger...