ARUI DevTools：用于 ARUI 微前端调试的 Chrome DevTools 面板
ARUI DevTools，由阿尔法银行（Alfa Digital/Alfa-Laboratory团队）开发，是一个用于前端开发人员构建使用ARUI库的微前端的Chrome扩展。它添加了一个专用的DevTools选项卡，以显示模块是如何被获取、版本化和执行的，提供时间线和资源计时视图以及持久日志。该扩展针对在ARUI/arui-scripts生态系统内工作的工程师，他们需要了解分布式模块加载和启动顺序。
ARUI DevTools 用于什么？
该工具专注于 ARUI 基础项目的微前端诊断。它集成了一个新的 DevTools 选项卡，显示模块清单、源代码和加载版本，以便开发人员检查应用在运行时使用了哪个模块实例。这种特异性使得该扩展适合依赖 ARUI 组件库和 arui-scripts 的团队，而不是通用的网络检查面板。
它如何处理模块和错误可见性？
它将模块故障映射到 DevTools 内的可操作堆栈跟踪。错误部分捕获故障阶段，并提供可点击的堆栈帧，打开浏览器源面板中的文件，这使得工程师可以在不切换工具的情况下，从错误行跳转到相应的源文件。模块表列出了源清单和版本，以将错误与特定的包关联起来。
它记录加载时间和持久化数据的效果如何？
它记录并行加载，并在重新加载时保持记录以进行早期启动分析。时间线可视化突出显示并发资源请求和排队瓶颈，而资源时间分解显示加载阶段的暂停。通过页面刷新保持时间线和加载数据的持久性，有助于捕捉在传统面板能够捕获之前发生的问题。
谁应该安装它以及为什么
ARUI DevTools 是一个小众的实用选项，适用于嵌入在 ARUI 微前端堆栈中的前端工程师，他们需要对模块解析和启动顺序进行端到端的可视化。期待一个专注的扩展，可以缩短从加载失败到负责模块和源文件的路径。对于 ARUI 生态系统外的开发人员来说，与标准 DevTools 面板相比，该扩展提供的附加价值很小。
