如何导出Chrome Memory面板定位的图表JS变量？Angular控制台访问异常求助

• 核心需求：从指定页面的交互图表中提取点位数据
• 已完成的前置操作：通过Chrome DevTools的Memory面板，成功定位到存储对应图表数据的目标内存变量
• 当前卡点：在Chrome控制台尝试访问该变量时持续触发报错，提示D.t.ChartEngine.Chart未定义；目标调试页面为https://www.etoro.com/people/hyjbrighter/chart（eToro平台的用户公开图表页），已确认站点前端基于Angular框架开发
• 调试过程参考材料：调试过程截图

• 适配Angular生产环境的打包访问逻辑：生产环境下的Angular站点会对所有代码做混淆压缩、模块作用域隔离，Memory面板中看到的变量引用大多存在于模块闭包内部，不属于顶层window作用域；直接手动输入压缩后的变量路径（比如报错提示的D.t.ChartEngine.Chart）自然会出现未定义报错——这类压缩路径仅在打包后的模块闭包内有效，脱离闭包后不存在对应的全局引用关系
• 临时快速访问目标内存变量的操作：在Memory面板中定位到目标变量的对应对象实例后，直接右键选中实例项，选择Store as global variable选项，DevTools会自动在控制台生成可直接访问的临时全局引用（命名通常为temp1、temp2依次递增），后续直接调用该临时变量即可读取存储的图表点位数据，无需手动拼接混淆后的变量路径
• 长期稳定访问图表实例的方案：
  • 激活Angular全局调试钩子：生产环境默认关闭的ng全局调试对象，可通过在控制台执行window.__ngDevMode = true激活，之后即可通过ng.getComponent()方法获取任意DOM节点挂载的Angular组件实例
  • 定位图表组件对应的DOM节点，执行ng.getComponent(图表DOM元素)拿到组件实例后，顺着实例的属性链逐层查找内部绑定的ChartEngine对象，即可稳定访问对应存储的图表数据
• 专项报错处理：如果访问时仍提示D.t.ChartEngine.Chart未定义，说明当前尝试访问的路径是打包工具生成的内部模块映射路径，并非控制台可直接访问的有效全局路径，这类路径的引用关系仅在Webpack模块加载的闭包内生效，不要尝试手动拼接该路径做访问

内容的提问来源于stack exchange，提问作者Revious