最近都没文章，只好拿这东西凑凑数 还没有认真找，是否 GWT Host 模式可以改其他浏览器来浏览 （FireFox 上头有 FireBug，Chrome 本身就提供了... IE... 听说有，但是连浏览器本身都不想用了... [炸]） 只能说至少目前是没办法在开发阶段去作「观察元素」之类的动作 於是，就看到这玩意了...... ========================================================== 原始网页 http://googlewebtoolkit.blogspot.com/2009/07/ introducing-debug-panel-for-gwt.html 中文翻译（已获得原作者同意 [笑]） http://pt2club.blogspot.com/2009/09/gwt-debug-panel-3rd-party-lib.html ========================================================== Debug Panel 最主要的用途，是提供开发人员在 debug client 端程式码时， 一些关於 application 的效能资料。用 GWT 建立的 web application， 大部分在 client 端的环境运作，这是开发人员不太能控制或存取的。 Debug Panel 提供开发人员一个工具，除去 client 环境的阻碍 以便於诊断问题所在、调整或加强效能以助於 application 测试。 就像所有的 application，测试及品质保证（QA） 对於 GWT application 也是很重要的。 也因为 GWT application 是使用者介面，所以效能测试是非常重要的。 但是，在 browser 上运作的 application，要测量它的效能不是件容易的事情。 那些在 client 端才变动的部份（例如 RPC, DOM 的更新）、 以及 GWT 让你不再自己撰写 JavaScript 的状况下，要找出效能瓶颈就有点困难了。 要自动化效能测试、以及取得 RPC 精确的反应时间，就更加困难。 此刻就是 Debug Panel 登场的时候啦！ 这是一个外挂的 library，可以轻松地加到 GWT application 当中。 它提供你效能面的数据、理解表面之下的运作，并且将这一切自动化！ 下面是 Debug Panel 的真相： http://3.bp.blogspot.com/_v1cyex1oKPA/Sl5sMGRWKKI/ AAAAAAAAAAc/v6QPSk3tL5E/s320/dp1.png Debug Panel 展示了调用 EchoService 的统计资料、以及起始时间。 很明显的，RPC 非常快就做完了。 其中最慢的部份是在等待 server 的回应，花了 121ms； serialize request 跟 deserialize response 都花了 19ms； 更新 server 回传的资料到 UI 上头花了 2ms。这些是你会想要看到的数据。 下面是 Debug Panel 的另一个真相： http://4.bp.blogspot.com/_v1cyex1oKPA/Sl5sOZbq00I/ AAAAAAAAAAk/g_HM9MBBoPM/s320/dp2.png 这次有点不一样，这个 application 在 Hosted 模式下运行时， 在 RPC 的过程中炸了一个 exception。 当你把 application 转译成 JavaScript 时， stack trace 很理所当然地会是 JavaScript 的 stack trace。 exception panel 是 Debug Panel 里头的一个延伸。 GWT 的开发者可以针对自己的需求，把客制化的 panel 加到 Debug Panel。 Debug Panel 提供一个 framework，让你可以用一个轻量级的元件 加到你的 application 以显示相关的 debug 资料， 并且可以传递相关资料给 Debug Panel，还不太会影响到执行效率。 事实上，你可以在不改任何程式码的情况下， 把 Debug Panel 挂到一个已经存在的 application。 这也表示在 compile JavaScript 时不用作啥改变。 你可以让 GWT application 在处理内部 IP 时让 Debug Panel 起作用， 其他状况下则关掉。 试试看 Debug Panel 的线上范例、也看一下 source code， 你就会发现使用起来有多简单啦。 到我们在 Google Code 的主页也可以得到更多的资讯。 -- 侃侃长论鲜窒碍 首页：http://www.psmonkey.idv.tw 众目睽睽无心颤 Blog：http://ps-think.blogspot.com 茕居少聊常人事 杀头容易告白难 欢迎参观 Java 版（@ptt.cc） \囧/ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 58.114.206.11