UD5工具箱
第一步：了解界面布局
打开微前端在线组合器页面后，您会看到左右分栏的界面。左侧是控制面板，包含布局模式选择、子应用列表和添加表单；右侧是预览区域，用于展示组合后的子应用。页面上方有布局模式切换按钮（网格布局、水平分栏、垂直堆叠、标签页），您可以根据需求选择合适的布局方式。
第二步：选择布局模式
根据您的集成需求选择布局模式。网格布局适合同时展示多个子应用的概览；水平分栏适合对比两个并排的页面；垂直堆叠适合上下排列的页面组合；标签页适合需要切换查看不同子应用的场景。布局模式可以随时切换，已添加的子应用会自动适配新布局。
第三步：添加子应用
在左侧面板的添加子应用区域，输入子应用的名称（便于识别）和 URL 地址（必须是完整的 HTTP/HTTPS 链接）。点击添加按钮后，子应用将立即以 iframe 形式嵌入右侧预览区域。请注意，部分网站设置了 X-Frame-Options 响应头，会拒绝 iframe 嵌入，建议使用允许跨域嵌入的 URL。
第四步：管理子应用列表
已添加的子应用会在左侧面板的列表中显示。您可以对每个子应用进行单独操作：刷新单个子应用的 iframe 内容、在新窗口中打开子应用原始地址、或从列表中删除子应用。列表支持多个子应用的管理，您可以根据需要灵活增减。
第五步：使用预设模板
如果您是初次使用或想快速体验工具功能，可以点击加载演示模板按钮。系统将自动填充一组示例子应用 URL，帮您快速了解组合器的工作方式。加载模板后，您可以在此基础上修改或添加自己的子应用 URL。
第六步：批量操作与数据保存
当子应用添加完成后，您可以使用刷新全部按钮一次性刷新所有子应用的 iframe 内容，或使用全部打开按钮在新窗口中批量打开所有子应用。所有配置数据会自动保存在浏览器 localStorage 中，刷新页面不会丢失。您可以随时回到此页面继续编辑配置。
第七步：验证集成效果
切换不同的布局模式，观察子应用在不同排列方式下的显示效果。通过对比网格布局的全局概览和标签页的逐个切换，评估最适合您项目需求的集成方案。如果某个子应用无法加载，请检查其 URL 是否正确以及目标网站是否允许 iframe 嵌入。