GWT 远程调试配置

GWT (Google Web Toolkit) 是Google开发的一个用于构建富互联网应用(RIA)的框架，它允许开发者编写一次JavaScript代码，然后可以在浏览器中运行，而无需特别的客户端插件。远程调试是GWT开发过程中的一项重要功能，可以帮助开发者定位和修复服务器端生成的JavaScript代码中的错误。

配置GWT远程调试通常包括以下几个步骤：

1. **启用Remote Debugging**：在项目中打开`gwt.xml`文件，找到 `<project-name>.gwt.xml` 配置文件，在`<inherits>`标签下添加 `gwt-user` 并设置属性 `enableServerDebugging="true"`，例如：

   <inherits name='com.google.gwt.user.User'/>
   <set-property name="user.agent" value="safari"/><!-- 可选，指定模拟浏览器 -->
   <set-configuration-property name="gwt.logging.enabled" value="TRUE"/>
   <set-configuration-property name="devmode.logLevel" value="FINEST"/>
   <!-- 启用远程调试 -->
   <set-configuration-property name="gwt.debug.serverPort" value="8080"/> <!-- 自定义服务器监听端口 -->

2. **启动DevMode Server**：使用GWT的DevMode命令行工具，如`gwtc -war myWebApp`, 然后在浏览器地址栏输入 `http://localhost:8080/myWebApp/devmode.html` 进入调试界面。

3. **Chrome Remote Debugging**：对于Chrome，需要安装并启用 Chrome DevTools 的 Remote Debugger 功能，允许来自其他设备的调试连接。从浏览器的菜单选择 `更多工具 > 开发者工具`，点击右上角的三个点，选择“开放端口”。

4. **Connect to the Server**：在DevTools中选择 "Sources", 点击 "Add new source map"，输入服务器地址(`http://localhost:8080/myWebApp`) 和相应的源码路径，然后连接到服务器。

5. **调试代码**：现在你可以像调试本地JavaScript一样，在DevTools中设置断点、查看变量值等，对GWT生成的代码进行调试。