Skip to content

使用画布

PageFlow 画布用于探索路由关系,不会直接编辑应用数据。

移动与缩放

  • 使用滚轮或触控板,以指针位置为中心缩放。
  • 拖动画布空白区域移动视野。
  • 选择页面卡片,聚焦该页面及其关系。
  • 切换预览尺寸,对比移动端与桌面端页面。

聚焦页面

选择页面后,相关页面会进入视野,当前预览会升级为实时 iframe,同时显示导航热点。当完整关系图信息过多时,聚焦视图能帮助你缩小范围。

浏览路由组

拥有相同路径层级的页面可能被折叠成页面组。打开页面组查看下一层,使用面包屑返回上级。切换层级时的动画用于保持空间上下文。

阅读连接

连接具有方向。出线代表当前页面存在通往目标页面的已知方式。没有连线不一定表示无法跳转:动态计算的目标只有在应用暴露后才会出现。

刷新预览

PageFlow 使用有界队列捕获过期页面,并优先处理当前选中和可见页面。路由与链接变化通过 HMR 更新,旧缩略图会一直保留到新版本就绪。

使用建议

  • 从首页或主要入口路由开始探索。
  • 大型应用一次只进入一个路由组。
  • 对初始化时执行写操作的页面使用测试数据。
  • 页面长期未就绪时,添加显式就绪信号

基于 MIT 许可证发布。