ue5+Puerts环境下的typecript profile

卧薪尝胆

零、开发环境：

• 项目使用unreal engine 5引擎
  
• 使用Puerts插件 https://github.com/Tencent/puerts/
  
• Chrome开发者东西（简称DevTools）是一组网页制作和调试的东西，内嵌于Google Chrome浏览器中。我们使用它调试项目
  

一、让项目打开Puerts调试处事

Puerts使用v8引擎，而v8引擎自带调试server。而打开v8的调试server法式很简单，操作如下：
在UE菜单上选择“编纂->项目设置”，在“插件->Puerts Settings”页面中 开启调试 以及 设置端口



Puerts Settings

设置完可以先运行像游戏进程
二、 让调试器链接到游戏进程

我们使用Chrome自带的开发者东西DevTools来作为调试器，操作如下：

• 打开Chrome浏览器，地址栏输入chrome://inspect回车
  
• 点击Configure,配置Server的ip和port
  

3.自动发现网内的调试Server后，点击inspect


此时，会在控制台看到游戏进程的，已经成功链接上了
这时候可以在控制台敲入js代码执行和查询



敲入puerts查看

三、cpu profile

点击“分析器”分页->“录制”,就可以录制一段时间的cpu性能分析陈述



CPU Profle

四、内存快照

点击“内存”分页->“录制”,就可以拍下时刻的内存快照，对比两个快照可以找出直接的差异，从而查看内存泄露等问题



内存快照

五、源代码调试

点击“源代码”分页，点击“设置”，打开sourcemap配置



打开代码映射

这时候就可以调试代码了