Myeclipse_断点调试jsp和web工程.docx

Myeclipse+weblogic断点调试jsp、java
为了在开发中方便快捷的调试jsp和javabug及错误代码，为了提高开发效率，下面为大家介绍在myeclipse中用weblogic中间件断点调试jsp：

1. 准备
安装下列软件：
Myeclipse 5.5 及以上版本（不建议用7.0以上版本）
Weblogic8.1 （server815_win32.exe）
jdk1.4（可以用weblogic自带的jdk）
2. 在myeclipse中导入已有项目

3. 配置Build Path
把class文件放在 project_name/armweb/WEB-INF/classes下（注意不是project_name/bin下）

4. 在weblogic.xml 中加入运行参数
（注：只调试java，此步骤不必需）
路径：project_name/armweb/WEB-INF/weblogic.xml
在<weblogic-web-app>标签内加入下面代码：
<jsp-descriptor>
<jsp-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</jsp-param>
</jsp-descriptor>
5. 部署应用到weblogic上
（注意项目选择到myeclipse所编辑的目录如：E:\JAVA\workspace\gx_arm\armweb，而不是运行build.xml拷贝的D:\armweb）

6. 在项目的启动文件 startWebLogic.cmd 中添加以下信息.
（注：此步骤为辅助设置，不必需设置）
注: 在windows系统下,项目的启动文件指的是 %WEBLOGIC_HOME%\user_projects\domains\yourdomains 路径下面的 startWebLogic.cmd 文件 (以上路径因个人安装设置会不同).
set DEBUG_PORT=4000
set DEBUG_OPTS=-Xdebug -Xnoagent -Xrunjdwp:transport=dt_socket,address=%DEBUG_PORT%,server=y,suspend=n
将 %DEBUG_OPTS% 参数添加至 启动配置中形成类似以下语句:
%JAVA_HOME%\bin\java %JAVA_VM% %MEM_ARGS% %JAVA_OPTIONS% %DEBUG_OPTS% -Dweblogic.Name=%SERVER_NAME% -Dweblogic.ProductionModeEnabled=%PRODUCTION_MODE% -Djava.security.policy="%WL_HOME%\server\lib\weblogic.policy" weblogic.Server
7. 打开myeclipse的选项，找到servers，选择weblogic 8.x
配置如下：

选择jre的版本1.4，
加上运行参数：
-ms64m -mx64m -Djava.library.path="d:/bea/weblogic81/server/bin" -Dweblogic.management.discover=false -Dweblogic.ProductionModeEnabled=false

加入支持jar包：
添加webservice.jar,weblogic.jar,ojdbc14.jar它们在$WEBLOGIC_HOME$/weblogic81/server/lib/下
点击“ok”完成配置

8. 在myeclipse中调出server到控制窗口

9. 在server控制台选择weblogic右击选择debug server

10. 在需要断点调试的jsp也的java代码的前面加断点（双击皆可）

打开网页进行调试

这时会自动进入到debug视图

选择项目源文件

11. 进入调试模式

1、控制区域
2、变量值
3、断点走向

使用HTML5和CSS3构建基于webkit的Web Page/App
现在在ios/android上的web网站变的越来越多，智能机中ios和android系统的设备市场份额也是与日俱增，相信未来会是一个趋势，那么如何构建基于webkit的网站呢？这里有一篇文章介绍了如何用html5创建一个iphone的app，这是一个基于web的本地离线应用，相对于native应用来说基于web的应用开发和测试都非常快捷，基于webkit浏览器支持大部分的html5，也支持大部分的css3，而且开发语言也是大多数web工程师所熟悉的，最重要的一点是基于web的应用是完全跨平台的，不需要多平台的开发和测试。
开发基于webkit的web app/page时需要注意的有：
HTML特性：
<input type=”file” />在iphone上不work
<a href=”13888888888″>Call Me</a>可以调用打电话应用
google maps, iTunes和youtube的链接会在iphone上打开相应的组件
app/web page设置：
<link rel=”apple-touch-icon” href=”iphon_tetris_icon.png”/> 在设置书签的时候可以显示好看的图标
<meta name=”apple-mobile-web-app-capable” content=”yes” /> 离线应用的另一个技巧
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” /> 隐藏状态栏
<link rel=”apple-touch-startup-image” href=”startup.png” /> 设置开始页面图片
<meta name=”viewport” content=”width=device-width, user-scalable=no” /> 指定mobile，并且不可缩放
<meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ /> 同上
CSS相关配置：
@media screen and (max-device-width: 480px){
/* 小屏幕的css样式 */
}

@media screen and (max-width: 320px){
/* 纵向的css样式 */
}

@media screen and (max-width:480px){
/* 横向的css样式 */
}

@media screen and (orientation: portrait){
/* iPad 纵向的css样式 */
}

@media screen and (orientation:landscape){
/* iPad 横向的css样式 */
}
display: -webkit-box; -webkit-box-orient:vertical/horizontal; -webkit-box-flex: value 水平垂直布局box
rounded corner/text shadow/box shadow/rgba/font-face/transform/transition/animation/border-image/gradients/ 充分利用这些css3的特性做出丰富的UI
脚本特性：
可以选用开源的javascript库，如yui, jquery, mootools, dojo …
垂直的js库，如canvas游戏库有LimeJs, GameJs等，Mobile UI库如jquery mobile, sencha touch, iui等，以及其它各种库
隐藏标题栏 – addEventListener(“load”, function() { setTimeout(function (){ window.scrollTo(0,1);}, 0); }, false);
webkitTransitionEnd/webkitAnimationStart/webkitAnimationIteration/webkitAnimationEnd transition/animation事件
localstorage/manifest 离线应用
模拟iphone的scroll效果，解决Mobile Safari下不支持position:fixed的问题：touch scroll, demo

调试：
safari上可以设置user agent为iphone上的safari（preference->advaced->developer tool)，还可以手动添加android的user agent{ Mozilla/5.0 (Linux; U; Android 2.1; en-us; Nexus One Build/ERD62) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17 –Nexus }
iphone的safari上有debug调试
关注Mobile性能问题，可以采用firebuglite等书签脚本来调试
文章的标题说的是web app/page，其实用html5和css3构建的app和page没啥区别，web page也很容易转换成native的app，通过phoneGap就可以了，phoneGap所做的就是在一个native的app内嵌入了一个类似chrome的浏览器，并且创建了一个桥接，从而直接去写web app就可以了，就像这个slide的标题写的一样“HTML5 is the Future of Mobile, PhoneGap Takes You There Today”，你的app可以在5个以上的平台上运行，使用的技术是你所熟悉的html/js/css，还等什么，赶快看看它的文档实践一下吧。

12