BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

GWT 2.0:新性能工具——Speed Tracer

| 作者 Abel Avram 关注 11 他的粉丝 ,译者 张凯峰 关注 1 他的粉丝 发布于 2009年12月13日. 估计阅读时间: 3 分钟 | ArchSummit北京2018 共同探讨机器学习、信息安全、微服务治理的关键点

GWT 2.0的新特性有:Speed Tracer——一个性能分析工具、开发模式、UiBinder、布局面板以及更多的JavaScript代码级优化。

使用GWT构建的Speed Tracer(ST)是最有吸引力的GWT插件。它是一款针对Chrome的性能分析工具,可以用来分析任何web应用,不仅仅是GWT应用。ST是一个Chrome扩展,因此必需开发版的Chrome 4来安装它。

ST包含两个主要的视图:sluggishness和network。前者会显示UI随着时间变化的响应度,而后者会显示同一时间段的网络活动情况。也可以使用开始/停止/录制这样的命令来帮助分析某一个时间段。

GWT 2.0其他一些重要的特性有:

 

开发模式(DM)

  • 这是一个全新的GWT开发插件,来帮助在任何浏览器中调试GWT应用。这意味着可以在自己的浏览器中把GWT调试功能和自己喜欢的工具结合起来使用,比如Firefox中的Firebug。
  • 可以在一个session中监控多个不同的浏览器。
  • DM不仅可以运行在本地,也可以跨越网络,来测试任何浏览器-操作系统组合环境甚至是真实环境中的web应用。
  • 新的GWT Eclipse插件集成了开发模式:可以在Eclipse内部开始、控制以及显示调试信息。开发模式也可以在Eclipse以外的任何Java IDE中实现。

UiBinder是一种声明式方法,用于创建基于GWT的UI。组成用户界面的widget是声明在模板XML文件中的,并且跟Java类相关联。这样就带来UI和业务逻辑的分离。GWT的Eclipse插件中有一个向导来帮助开发者编写模板文件、代码完成以及重构。

UiBinder模板也可以包含widget相关的CSS样式。这意味着一个widget可以用在不同的应用,但保持着相同的外观。

布局面板

引入基于CSS的布局面板,使得创建出一个在任何浏览器中外观一致的应用成为可能,而这在以前是很难实现的。有个邮件的例子演示了这个布局面板。UiBinder也可以用来对面板进行布局。

编译器

GWT 2.0还引入了代码分割。这意味着编译后的代码可以分割成两块甚至更多。这样就可以无需等待应用全部加载完就把应用启动起来。代码分割是通过在自己需要的分割点调用GWT.runAsync()来完成的。编译器可以确保分割完的代码块所需的依赖得到及时加载。

生成的JavaScript代码大小可以优化3-20%。

GWT是一款基于Apace许可的开源项目,现在版本是2.0。它的SDK、Speed Tracer和Eclipse插件可以在这里免费得到。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

这么像FireFox的firebug的 by Ragnarok MR.

这么像FireFox的firebug的

Nice by 许 辉辉

太棒了!

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT