使用高级树视图和 JSON 分析来探索和搜索 Next.js 应用程序数据
检查 JSS 布局树、搜索属性路由、立即复制路径以及直观地突出显示实时页面上的组件。
消除构建和调试无头 Sitecore JSS 和 Next.js 应用程序时的猜测。此扩展为开发人员和 QA 团队提供了一个优质的、以浅色为主题的检查控制台，可以实时实时探索组件道具、参数和字段。
2.3.0 版本中的新功能
Next.js App Router 支持（React Fiber Parser）：访问现代 Next.js App Router 应用程序上的布局数据。该扩展遍历内存中的实时 React Fiber 树，直接从 SitecoreProvider 或 SitecoreContext 等元素中提取水合属性 - 在开发构建和缩小的生产暂存站点上无缝工作。
视觉组件亮点：将鼠标悬停在树视图中的任何节点或字段上，以在实时浏览器选项卡上的匹配组件上绘制虚线轮廓和标签覆盖。视图外的组件会平滑地滚动到视口中。
开发人员生产力工具栏：单击任何搜索结果卡上的“路径”，将其绝对 JSON 路径（例如 sitecore.route.placeholders.main[0].fields.title）直接复制到剪贴板以进行即时绑定。单击“值”即可立即复制打印精美的 JSON 模型或原始值。
