java web项目中前端调试技巧

最近开始需要频繁的调试前端代码，但是在myeclipse中加载和调试html页面会特别的卡顿。

同时，每次修改页面后，都需要重新部署到服务器中，再run起来才可以看到最新的页面，这样的效率比较低。那么如何提高前端调试效率呢？公司同事教了我一个比较好的方法。

首先，需要确定，只修改前端代码，同时也需要后端生成代码及数据库的支撑，才用这种方法。

那么具体的步骤如下：

第一，把项目部署到tomcat上。

第二，把部署到tomcat上的可执行代码，拷贝出来，放到硬盘上的某文件夹内，比如D:\aaa目录。

第三，在tomcat目录下\conf\Catalina\localhost 目录中，建一个xml文件，文件名需要与项目名保持一致。

xml中放置如下内容：

<Context path="/(项目名)" docBase="(项目目录，如D:\aaa\项目名) debug="0" privileged="true">
</Context>

如此以后，再要启动tomcat便直接找到tomcat目录下中\bin中的startup.bat进行启动，启动运行的项目，就是我们拷贝到硬盘其他位置中的项目了。

第四，好了，现在可以用notepad等文本编辑工具，单独去修改我们拷贝出来的项目的前端代码了，同时，只要tomcat在运行，我们就可以实时的查看到前端代码修改的效果了，效率比原来快至少3倍。

最后，改好效果之后的页面，记得更新回项目真实目录，现在修改的只是编译后的文件目录，一般需要通过项目真实目录，更新到版本控制器中。


这个好的技巧，对于前后端一起开发的本菜鸟，可是太有用了。记录一下，免得后期忘记了。