用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等,你喜欢用哪个?

作者: 峻祁连
邮箱:junqilian@163.com 
出处: http://junqilian.cnblogs.com 
转载请保留此信息。



本文转自峻祁连. Moving to Cloud/Mobile博客园博客,原文链接:http://www.cnblogs.com/junqilian/archive/2012/04/24/2467974.html ,如需转载请自行联系原作者
相关文章
|
8月前
|
iOS开发
XCode 4.3.2 如何新建 Window-based Application应用的简单例子
XCode 4.3.2 如何新建 Window-based Application应用的简单例子
50 2
Autodesk软件 You need to apply when licence screen appears 错误解决方案
Autodesk软件 You need to apply when licence screen appears 错误解决方案
|
移动开发 HTML5 数据可视化
IsoAlgo3d - A PCF 3D Viewer for Desktop, Tablet and Smart phone
IsoAlgo3d - A PCF 3D Viewer for Desktop, Tablet and Smart phone eryar@163.com Abstract. IsoAlgo3d 通过将PCF三维可视化,并导出HTML文件。
2191 0

热门文章

最新文章